paper-elements

问题 In my polymer app, when I open a paper-dialog using an iPhone, it's not centered, as opposed to opening it using Chrome or Safari using the a desktop Mac or PC. I'm dynamically constructing the paper-dialog element and placing it in the DOM template using javascript, and then calling open() : var d = document.createElement('paper-dialog'); d.innerHTML = "<h2>Dialog Title</h2>" "<p>some content</p>"+ '<div class="buttons">'+ "<paper-button >More Info...</paper-button>"+ "<paper-button dialog

问题 Polymer 1.0 Chrome 50.0.2661.102 I am trying to enable chrome autofill with paper input. When selecting either input the standard appropriate chrome autofill prompt list appears, however selecting an available name, or email from the list does not populate the input, it just closes the chrome autofill list. <paper-input id="email" name="email" label="Email" type="email" autocomplete="email" ></paper-input> <paper-input id="password" name="password" label="Password" type="password"

问题 Question Does anyone have a working example of code for a login button? Detail : I need it to be a <paper-button> that says, "Login with x." Where "x" is any one of the following: "Google", "Google Plus", "Facebook", "Linked In", "Yahoo", or "Twitter". Obviously, the button also needs to "point to" or integrate with the respective service it mentions. Also please note, <google-signin> described here doesn't work for me because I need to use my own button (for styling purposes). I don't want

问题 I'm attempting to load "pages" within tabs in Dart and can not seem to set them up properly. My below example has pages that are supposed to show text inputs on each page but the pages are within tabs. I'm not sure how to properly set these pages up within tabs. So far I had been going by this example: Switching content when tab selected using polymer ui elements tabs Please let me know if you need more information. <paper-tabs id="Tabs" selected="0" style='width:800px; height:175px; color

问题 I have tried this solution but seems like it is doing nothing for me. I have Polymer 1.0. Only change I made from the solution is to put the observers inside data property and made is "not protected". I got this idea from here. Initially I used the exact approach as in Ricky's solution but that didn't work for me either. Here is how my custom element looks like: <dom-module id="radio-group-binder"> <template> <paper-radio-group class="layout vertical" selected-item="[[selectedItem]]">

问题 I am trying with paper-dropdown-menu . It seems to be working on Google Chrome but on Firefox the dropdown menu is not coming up. Is this only compatible with Chrome browser? 回答1: <link rel="import" href="../../bower_components/polymer/polymer.html"> <dom-module id="cc-dropdown"> <template> {{selectedData}} <paper-dropdown-menu label="Environment"> <paper-menu class="dropdown-content" attr-for-selected="value" selected="{{selectedData}}"> <template is="dom-repeat" items="{{data}}"> <paper

问题 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" href="../..

问题 I want to import an element that contains a paper-fab and have the paper-fab overlap the seam between the app-header element and the imported element. (In this case, I'm calling the imported element a fab-element ). In other words, I simply want the paper-fab to "float" (as advertised and like it's supposed to). What I expect it to look like: jsBin What it actually looks like: FAB inside app-toolbar . (works) Click here for jsBin. FAB outside app-toolbar but inside app-header . (works) Click

问题 I have the following code <paper-radio-group id="marital-status-group" on-change={{changeHandler}}> <paper-radio-button name='Married' label='Married'></paper-radio-button><br> <paper-radio-button name='Divorced' label='Divorced'></paper-radio-button><br> <paper-radio-button name='Single' label='Single'></paper-radio-button><br> <paper-radio-button name='Visiting' label='Visiting'></paper-radio-button> </paper-radio-group> void changeHandler( CustomEvent e ) { print ( ( e.target as

问题 I'm running into an issue using polymer 1.0's paper-menu-button . It's dropdown menu isn't overlaying neighbouring iron-list elements. I am building an element that displays items using iron-list , and each item has a dropdown menu of options that can be performed on that particular iron-list item. However, the paper-menu-button 's paper-menu dropdown is not appearing on top of neighbouring iron-list items, only on top of it's own list item. I've tried inspecting items in Chrome, and playing