FAQ Database Discussion Community


Resize when selecting inside the dialog

dart,polymer,paper-elements
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?

javascript,events,polymer,paper-elements
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

javascript,html,polymer,paper-elements,polymer-1.0
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

polymer,paper-elements,core-elements
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

dart,dart-polymer,paper-elements
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

dart,dart-polymer,paper-elements
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

dart,polymer,paper-elements
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

dart,polymer,paper-elements
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?

polymer,bower,paper-elements,core-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

input,radio-button,focus,polymer,paper-elements
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

dart,dart-polymer,paper-elements
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

html,css,dart,dart-polymer,paper-elements
How can i change color of focused floating label in polymer? Thanks for answers....

Control a paper-checkbox's state

polymer,paper-elements
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...