FAQ Database Discussion Community

Resize when selecting inside the dialog

resizeable_dialog.html <link rel="import" href="../../packages/polymer/polymer.html"> <link rel="import" href="../../packages/paper_elements/paper_dialog.html"> <link rel="import" href="../../packages/paper_elements/paper_button.html"> <link rel="import" href="../../packages/paper_elements/paper_tabs.html"> <link rel="import" href="../../packages/paper_elements/paper_tab.html"> <link rel="import" href="../../packages/paper_elements/paper_icon_button.html"> <link rel="import"...

Is there an “onOpen” event for paper-dialog?

Is there an "onOpen" event for paper-dialog? I would like to know when the dialog is fully "opened" and "closed", mostly for changing content when the dialog has finishing its opening animation. Previously in Polymer 0.5 one can listen to the core-overlay-close-completed event for that. However it doesn't seem to...

paper-ripple is listening to click events outside of its container

I'm trying to create a simple ripple effect for a card in my app. It works great, but it is also responding to mouse events outside of its container: Code looks like this: <dom-module> ... <template> ... <paper-material> <div class="wrapper">...</div> <paper-ripple></paper-ripple> </paper-material> ... </template> </dom-module> I don't quite see why...

Polymer - Slow animation core-scaffold

On my site, infinitech.org/beta, on mobile devices, pulling out the menu has EXTREME lag. Closing this menu also causes severe lag. I'm using a core-scaffold. Can anyone think of what's causing this? I'm using Polymer 0.5.4. Thanks!

Set selected of Paper-Tabs

I am trying to select a paper-tab based on it's data-id attribute. I have the element but I cannot changed to selected property of the inner_tabview. I have a Polymer: <paper-tabs id="inner_tabview" noink="true"> <template repeat="{{item in tabNames}}"> <paper-tab data-id="{{item['id']}}"><h3>{{item['name']}}</h3></paper-tab> </template> </paper-tabs> And some Dart code behind it: selectTab(itemId) { PaperTab...

Retrieving the selected item in a paper-element dropdown

I have the following code following the examples at https://github.com/dart-lang/polymer-core-and-paper-examples/blob/master/web/paper_dropdown.html and https://github.com/dart-lang/polymer-core-and-paper-examples/blob/master/web/paper_dropdown.dart EDITED .html <paper-dropdown-menu label='Click to select..' on-core-select='{{onCoreSelectCountryHandler}}'> <paper-dropdown class='dropdown'> <core-menu id='country' class='menu'> <template repeat='{{country in countries}}'>...

Dart PaperDropdownMenu getting selected item

I'm kind of struggling getting the selected item id or even the text displayed in a dropdown menu list. Here's my code: HTML: <paper-dropdown-menu label="Currency" on-core-select="{{selectCurrency}}"> <paper-dropdown class="dropdown" halign='right'> <core-menu class="menu" selected="{{selectedCurrency}}"> <template repeat="{{c in currencies}}"> <paper-item>{{c}}</paper-item> </template> </core-menu> </paper-dropdown> </paper-dropdown-menu> Dart: void selectCurrency(CustomEvent e,...

Displaying a paper-toast polymer element in dart

Does anyone know how to show a paper-toast polymer element from dart. The only examples I can find use <paper-button raised onclick="document.querySelector('#toast1').show()">Discard Draft</paper-button> I have tried using $['myToast'].show() in my dart code but it doesn't seem to work. I have also tried using the querySelector and calling show() but I...

Polymer - How to specify version number for specific elements?

I'm pretty new to Bower. In my bower.json file, I have Polymer, core-elements, and paper-elements set to version 0.5.4. However, I want to set core-icons as version 0.5.2 while keeping all the other elements as 0.5.4. How can I do this? Here is my bower.json code: { "name": "website", "version":...

Set focus for paper-input via radio button

In Polymer (1.0), how can I set the focus of the iron-input when (as example) radiobutton 'radio1' is selected. <div> <div>Title:</div> <paper-radio-group> <paper-radio-button name="radio1">Radio1Label</paper-radio-button> <paper-radio-button name="radio2">Radio2Label</paper-radio-button> </paper-radio-group> <paper-input-container> <input is="iron-input"> </paper-input-container> </div> ...

How to migrate to Polymer and PaperElements 1.0 using pubspec.yaml

I have found Migration guide (https://www.polymer-project.org/1.0/docs/migration.html). My Dart project does not use bower but pubspec.yaml and when I changed dependencies version for PaperElements I get message: paper_elements has no versions that match >=1.0.0 environment: sdk: '>=0.8.10+6 <2.0.0' dependencies: browser: '>=0.10.0+2' code_transformers: any core_elements: '>=0.6.0' dnd: any logging: '>=0.9.3' paper_elements: '>=1.0.0'...

Polymer - paper-input floating label color

How can i change color of focused floating label in polymer? Thanks for answers....

Control a paper-checkbox's state

I'm trying to setup an element with a paper-checkbox inside of it. I want the checkbox's checked state to be controlled by the response of an ajax call. HTML: <epic-list-episode checked="<%= episode.seen? %>"> <p><strong><%= episode.show.name %></strong></p> </epic-list-episode> Custom element: <polymer-element name="epic-list-episode" attributes="checked"> <template> <link rel="stylesheet" href="epic-list-episode.css.scss" /> <div horizontal layout...