paper-elements | 易学教程

Polymer Paper-Radio-Group - how to have multiple radio buttons with the same name

阅读更多关于 Polymer Paper-Radio-Group - how to have multiple radio buttons with the same name

问题 I'm using Paper Elements from the Polymer Project to build a form, and have run into a problem using the paper-radio-group tag and its children, paper-radio-button . With a normal radio button list, I would do the following: <input type="radio" name="myFieldName" value="MyFirstOption" /> <input type="radio" name="myFieldName" value="MySecondOption" /> <input type="radio" name="myFieldName" value="MyThirdOption" /> Note that the name attributes are the same, grouping the radio buttons and

polymer paper-menu-button change the default size of icon

阅读更多关于 polymer paper-menu-button change the default size of icon

问题 Is there way to set the size of polymer paper-menu-button element. I think it is the icon size is set to 24px. I wish to have it as 20px but I cannot find a way to do it. Thanks Dennis 回答1: I tried it and it worked. Add this style to the Polymer element containing your <paper-menu-button> element. paper-menu-button /deep/ core-icon[role=img] { height: 20px; width: 20px; } I added [role=img] to increase the selectivity. 来源： https://stackoverflow.com/questions/25352296/polymer-paper-menu-button

Prevent paper-dialog from automatically closing

阅读更多关于 Prevent paper-dialog from automatically closing

问题 Hello: I have a paper-dialog element in a page: <paper-dialog ... id="autom_desc_dialog" autoCloseDisabled> ... <paper-button ... id="automatizar" affirmative autofocus disabled></paper-button> </paper-dialog> and I have an event listener that handles the paper-button click: var auto_btn = querySelector('#automatizar'); auto_btn.on["click"].listen((Event e) { // Some AJAX stuff }); What I want is that in some cases, to be able to prevent the dialog from closing, I've tried event

Tap listener for polymer iron-list item?

阅读更多关于 Tap listener for polymer iron-list item?

问题 I have a custom element that utilizes iron-list to display an array of objects. Each item is generated via a template as follows: <iron-list id="projectList" items="[[projects]]" indexAs="_id" as="projLI" class="layout flex"> <template> <div> <paper-material id="itemShadow" animated elevation="1"> <div class="item layout horizontal" onmouseover="hoverOver(this)" onmouseout="hoverOut(this)">  <!-- list item object

Polymer 1.0 paper-submenu(s) inside paper-menu

阅读更多关于 Polymer 1.0 paper-submenu(s) inside paper-menu

问题 Then I select an item in my outer paper-menu and after that I navigate into my submenu and select an item there, the outer-item is still selected. also conversely: <paper-menu class="list" attr-for-selected="data-route" selected="[[route]]" selectable="a"> <a data-route="one" href="{{baseUrl}}"> <iron-icon icon="home"></iron-icon> <span>one</span> </a> <paper-submenu> <paper-item class="menu-trigger">two</paper-item> <paper-menu class="menu-content"> <a data-route="two-1" href="{{baseUrl}}two

paper-dialog in Polymer doesn't close in iPhone

阅读更多关于 paper-dialog in Polymer doesn't close in iPhone

问题 I use this example from the doc of polymer <paper-dialog> <h2>Header</h2> <paper-dialog-scrollable> Lorem ipsum... </paper-dialog-scrollable> <div class="buttons"> <paper-button dialog-dismiss>Cancel</paper-button> <paper-button dialog-confirm>Accept</paper-button> </div> </paper-dialog> In every browser the dialog closes when I click on place that is not the dialog, But on iPhone IOS 8.4 it doesn't work. I can't close the dialog. How can I solve this problem? 回答1: I know there is a Z-index

Polymer 1.0 paper-submenu(s) inside paper-menu

阅读更多关于 Polymer 1.0 paper-submenu(s) inside paper-menu

Then I select an item in my outer paper-menu and after that I navigate into my submenu and select an item there, the outer-item is still selected. also conversely: <paper-menu class="list" attr-for-selected="data-route" selected="[[route]]" selectable="a"> <a data-route="one" href="{{baseUrl}}"> <iron-icon icon="home"></iron-icon> <span>one</span> </a> <paper-submenu> <paper-item class="menu-trigger">two</paper-item> <paper-menu class="menu-content"> <a data-route="two-1" href="{{baseUrl}}two-1"> <paper-item> <iron-icon icon="home"></iron-icon> <span>two 1</span> </paper-item> </a> <a data

Prevent paper-dialog from automatically closing

阅读更多关于 Prevent paper-dialog from automatically closing

Hello: I have a paper-dialog element in a page: <paper-dialog ... id="autom_desc_dialog" autoCloseDisabled> ... <paper-button ... id="automatizar" affirmative autofocus disabled></paper-button> </paper-dialog> and I have an event listener that handles the paper-button click: var auto_btn = querySelector('#automatizar'); auto_btn.on["click"].listen((Event e) { // Some AJAX stuff }); What I want is that in some cases, to be able to prevent the dialog from closing, I've tried event.preventDefault() , event.stopImmediatePropagation() , event.stopPropagation() but no success. Thanks in advance. You

Tap listener for polymer iron-list item?

阅读更多关于 Tap listener for polymer iron-list item?

I have a custom element that utilizes iron-list to display an array of objects. Each item is generated via a template as follows: <iron-list id="projectList" items="[[projects]]" indexAs="_id" as="projLI" class="layout flex"> <template> <div> <paper-material id="itemShadow" animated elevation="1"> <div class="item layout horizontal" onmouseover="hoverOver(this)" onmouseout="hoverOut(this)">   </div> </paper-material> </div> </template> </iron-list>

Instance of Paper elements in dart

阅读更多关于 Instance of Paper elements in dart

How can I get an instance to the paper-input element below? HTML file: <!DOCTYPE html> <html> <head>  <script src='packages/web_components/dart_support.js'></script> <link rel='import' href='packages/paper_elements/paper_input.html'> <script src='packages/browser/dart.js'></script> </head> <body fullbleed unresolved> <paper-input id='subject' label='subject'></paper-input> <script type='application/dart' src='myscript.dart'></script> </body> </html> myscript.dart: import 'dart:html'