Posted By: Anonymous Notice: This question is not a duplicate of this SO question because the first question was solved with a syntax correction in the markup. This question involves the JavaScript and has a different error message. My Goal I am trying to preset a custom element property named selected to a value of …
Posted By: Anonymous I am using dart2js (via pubspec) and a simple example has too large output in build (folder) generated, 11.4MB. For example, I’m using a code only the paper-input element, but the content in build folder has various polymer elements. Is there anything specific that needs to be done to produce small code? …
Posted By: Anonymous The default behaviour of the app-drawer-layout is, that the app-drawer is next to the content. Polymer calculates a “margin-left: 256px;” for the “#contentContainer”, so that the drawer does not overlap the content. However, because I am loading this view via an “iron-pages” element, Polymer does not calculate the margin. The drawer overlaps …
Posted By: Anonymous Can we send notifications in PolymerJS using iron-ajax element? Here’s a sample of CURL request(works just fine): curl –header “Authorization: key=my_key” –header “Content-Type: application/json” -d ‘{“to”: “my_token”, “notification”: {“title”: “Hello Bro”, “body”: “Message Yo man”}}’ https://fcm.googleapis.com/fcm/send I’m using my own values for “my_key” and “my_token” instances. In chrome it gives me something …
Posted By: Anonymous In this Plunk, why won’t the x-foo element render HELLO WORLD?. Given the more complex content-el seems to be importing an iron-data-table perfectly correctly. Am I overlooking something simple? Please answer with a working plunk. http://plnkr.co/edit/p7IE7v6DHLVnEggeO8PF?p=preview <base href=”https://polygit.org/polymer/components/”> <link rel=”import” href=”polymer/polymer.html”> <script src=”webcomponentsjs/webcomponents-lite.min.js”></script> <dom-module id=”x-foo”> <template> <style></style> HELLO WORLD </template> <script> (function() …
Posted By: Anonymous Given: swiper = div [] [ node “swiper-node” [ class “block” ] [ div [ id “swiperContainer” ] [ div [ class “swiper-wrapper” ] [ div [ class “swiper-slide”, style [ ( “height”, “400px” ), ( “background”, “gray” ) ] ] [ text “slide1” ] , div [ class “swiper-slide”, style [ …
Posted By: Anonymous I am trying to set property for my custom tag. But it gives error instead. I am attaching screenshot of error and code snippet also. <awts-est data-url$=”{{dataUrl}}”></awts-est> properties: { dataUrl: { type: String, value: ”, reflectToAttribute: true, }, } in demo/index.html <awtt-ch data-url=”http://abc.asdfg.com”></awtt-ch> Solution Ok, I went back through and recreated your …
Posted By: Anonymous I am currently trying to use a firebase query that returns an object and do a dom-repeat on the data returned. My testing element currently looks like this: _x000D_ _x000D_ <!–_x000D_ @license_x000D_ Copyright (c) 2015 The Polymer Project Authors. All rights reserved._x000D_ This code may only be used under the BSD style …
Posted By: Anonymous I’m looking for a “live code” repository (e.g., jsBin, jsFiddle, CodePen, plunkr, etc.) template useful for sandboxing (i.e., “posting”) Polymer questions about the firebase-collection or firebase-document. In other words, I’m building a Polymer app using a Firebase backend and I need a template to use for posting questions to this site. For …
Posted By: Anonymous How I can access an element inside dom-if condition? That’s part of my template: <template> … <template is=”dom-if” if=”{{_displayUserLevelBadge(level)}}”> <div class=”profileUserLevelContainer”> <iron-icon id=”userLevelBadge” class=”icon-20″ icon=”chat:verified-user”></iron-icon> <span class=”profileUserLevel”>{{userLevelString}}</span> </div> </template> … </template> I need to access #userLevelBadge in Javascript like that: Look in the ready method. Polymer({ is: ‘custom-element’, properties: { level: { …
Posted By: Anonymous I’m learning Dart and Polymer 1.0 but I am stuck with bindings in polymer. I prepared project in a GitHub repository. You can see it here . Can me explain what I do wrong? Solution You can’t have private properties in Dart. Reflection (mirrors, reflectable) don’t support accessing private members. Remove the …
Posted By: Anonymous So, I am using firebase-query to read a dataset of about 9000 items. Then I am displaying the list of items with dom-repeat (with all sorts of filtering and sorting options). It all worked well when I tested it with 10 items or so, but now that I am reading the full …
Posted By: Anonymous I am trying to pass an event from a parent to child in Polymer 1.0.0-rc2 in Dart. The problem is that I do not know how to go about listening for the event in the child. I’ve tried to put the on-control-panel-refire attribute in the dom-module in the notation_view.html file, and calling …
Posted By: Anonymous I’m having problems re-rendering an iron-list after changing an item property. I need iron-list to re-render to apply new classes just like it does when i push or splice items. Already tried almost everything(notifyPath, resize, _update, …) but still doesn’t make it work. Please help 🙂 Below you can find an jsfiddle …
Posted By: Anonymous i’m having trouble with a polymer 1.0 element. I have to print inside a select every option of a book size (A5, A4) and the extra prices for every selection(this information is from an js array returned from _returnSelItemDataArr). The array data looks something like this: _returnSelItemDataArr: [array[id, name, extra], array[id, name, …
Posted By: Anonymous <template is=”dom-bind”> <custom-element></custom-element> <iron-ajax auto url=”data.json” handle-as=”json” last-response=”{{data}}” on-response=”receivedResponse”></iron-ajax> </template> In the example above “custom-element” needs to know when iron-ajax has received a response. The problem is that I don’t know where to put the “receivedResponse” method. How do I do this? I prefer to put it inside “custom-element”, but then I …
Posted By: Anonymous It appears it’s getting deprecated. However, it’s used in some of Google’s Polymer elements anyway https://developer.mozilla.org/en-US/docs/Web/HTML/Element/content Solution Yes, it is bad. The element was part of a planned feature and is not implemented in all browsers. As the page says, in Firefox it has to be turned on separately. Can I use… …
Posted By: Anonymous I have a list of objects named accounts that are bound to a vaadin data grid. I also have logic that updates a balance property on on each account with a large list of transactions. _updateAccountBalance: function() { this.accounts.map(account => { account.balance = 0; }); this.transactions.map(trans => { trans.account.balance += trans.amount; }); …
Posted By: Anonymous I have this structure, and I want to bind , say custom attributes or non-standard attributes like for or some-new-attribute to child doms created by a dom-repeat template. How do i achieve this? <dom-module id=”card-list”> <template> <li>Some Text</li> <template is=”dom-repeat” items=”{{items}}” > <li id=”{{ item.text }}” for=”{{ item.text }}”>{{ item.text }}</li> </template> …
Posted By: Anonymous I am new to Polymer and ASP.NET. I am trying to develop a ASP.NET project using Polymer. But when I use @apply() in Polymer to customize style it give a error like this : The name ‘apply’ does not exist in the current context This is my code <dom-module id=”simple-todo”> <template> <style …
Posted By: Anonymous I have a polymer component defined as below: <link rel=”import” href=”../../bower_components/polymer/polymer.html”> <dom-module id=”add-money”> <template> <style></style> <paper-dialog id=”add-money-dialog” modal > <h2>Add money</h2> <paper-dialog-scrollable> <div> <span>{{account.name}}</span> </div> </paper-dialog-scrollable> <div class=”buttons”> <paper-button dialog-dismiss>Cancel</paper-button> <paper-button dialog-confirm autofocus>Add</paper-button> </div> </paper-dialog> </template> <script> var AddMoney = Polymer({ is: ‘add-money’, properties: { account: { type: Object, notify: true, } …
Posted By: Anonymous i am trying to use google map webcomponents and i am trying to add multiple markers to the lat, longs location i followed the question creating a google map with marker using web-component i tried adding multiple markers but the markers are not getting added <link rel=”import” href=”../../bower_components/polymer/polymer.html”> <link rel=”import” href=”../../bower_components/google-apis/google- apis.html”> …
Posted By: Anonymous Question What could be causing the following console error? Uncaught TypeError: this.$.firebaseLogin.login is not a function Explanation I am trying to implement the <x-login> demo of the <firebase-element> element. I am using the code directly from this demo from the official Polymer Github repository. I am implementing the code directly into my …
Posted By: Anonymous Why has the Polymer team changed the way they define default CSS variable values in Polymer elements? Below is an example: Old style color: var(–my-value,–default-value); New style color: var(–my-value,var(–default-value)); Are there any new specs for custom CSS variables? Does it have any advantage? Or is it some other reason altogether? Solution The …
Posted By: Anonymous SOLVED I took the answer that @akc42 posted below and I added var self = this; before getViews function definition and changed this to self in code (and added self to the ytr like that 100 / self.ytr as well) /SOLVED I’m trying to get view count from my youtube channel. All …
Posted By: Anonymous I need to setup the behaviour of a polymer web-compontent at runtime. I tried to change the “behaviours” array by pushing the new behaviour, but it didn’t work. Is there a proper way to do it? I’m trying to create a table web-component with a pager at bottom. It should be extensible …
Posted By: Anonymous If in polymer project I add google-chart: <link rel=”import” href=”../bower_components/google-chart/google-chart.html”> and trying to polymer build, then I’m getting following error messages: error: Promise rejection: Error: no resolver found for https://www.gstatic.com/charts/loader.js Looks like it is due to https://github.com/Polymer/polymer-cli/issues/261 issue. Question is: how can I workaround this problem and successfully build project to deploy …
Posted By: Anonymous There’s a new project for, what it seems to me to be, a way to vulcanise elements in bundles, web-components-shards. I’m interested in the gulp version, gulp-web-components-shards. Both projects lack comprehensive instructions in the README, how the file structure should be, what the output should look like and how to use it, …
Posted By: Anonymous I am sorry for this unclear title The Problem I have a data Object with an Array of contacts that holds several Objects inside it. Unfortunately I am unable to access the value’s of the nested Object. A answer to a similar question found here explains how to access it in JavaScript. …
Posted By: Anonymous I would like to ask your help on this, because I didn’t find a solution for this and I tried to find answers on Google and I didn’t find anything. I have a project with Polymer Starter Kit, in the Index.html I’m using a <paper-menu>. I would like to fire the event …
