How to use Polymer 1.0 components in Polymer 2 project
some of the good components are available in polymer 1.0 but not in polymer 2.0 as I am developing my project in Polymer 2.0 so need components of polymer 2.
Polymer 2 was officially out, and it is said that you can use full Polymer 1.x in your 2.x builds.
Normally there is a compatibility version layer between the one and the two, too be able to use old polymer 1 components.
Since polymer 2 is not officially out, I'm not sure this layer is totally finished, but there is some info here:
https://www.polymer-project.org/2.0/docs/about_20#polymer-1-compatibility-layer
There is also a video on the Migration process to 2.0 here:
https://www.youtube.com/watch?v=iI3G-tzbC_Q
Related
New to Polymer BTW. I have polymer 1 app running. Wondering if I can use Polymer lit-elements in Polymer 1?
Trying to achieve: Ask is to embed another module which is written in JavaScript by another team in my company to my polymer1 app. Is there any better way to do this?
UPDATE: Alot of changes have been made since the below answer was given. It may be possible now. Not sure.
No, as far as mixing with other Polymer library iterations, lit-element is stand alone and a upgrade from Polymer 3.
From https://www.polymer-project.org/blog/2018-05-02-roadmap-faq
In summary:
No
Basically it is impossible.
You should consider upgrading to polymer 3 to use lit element
Polymer 1 is not even used in Classes, so it is practically impossible and polymer 1 is falling into disuse so the polymer team do not think it plans to support this new feature.
I'm trying to a make an element that uploads an image to the server. I'm using this component.
The problem is that if I use the above element with polymer 1.0, then it works like a charm but if I use it with Polymer 2.0 then some of its features like progress-bar and delete button don't work.
I'm using Bower to install this element and while installing this element(in polymer 2.0) I get many different choices like:
Which one should I choose?
Upgrading to Polymer 2.0 requires some steps. Based on the page of the element it targets Polymer 1.4 and is not hybrid yet. It means you cannot use it with Polymer 2.0 yet and need to wait for authors to upgrade it to hybrid element supported by both Polymer 1.9 and 2.0.
I am trying to build a Vaadin 7 elements and it would be beneficial if I can somehow directly use the polymer elements like these ones -->
http://vaadin.github.io/gwt-polymer-elements/demo/#paper/ButtonSample
However, there is no clear cut explanation or tutorial on how to add polymer elements in Vaadin application directly.
If you want to use web components on server-side there is an experimental addon from vaadin. Here you find a demo application
On the Vaadin forum page suggestion is to take a look at:
https://vaadin.com/labs-elements, https://vaadin.com/directory#!addon/elements-add-on and
https://github.com/vaadin/serverside-elements
but this is still experimental.
While we are waiting for official support you can include Vaadin Elements as stated in Demystifying Web Components or to include Vaadin Elements as stated in Integrating JavaScript Components and Extensions and Using web components in plain java.
I am using Polymer 1.0 and looking to create a tabbed layout where I can swipe between each tab I have. I have found a swipe-pages component, but the dependencies on the site state that it needs "polymer": "Polymer/polymer#^0.4.0" which does not work with the rest of my application. Are there any other components compatible with the latest version of Polymer (or at least Polymer 1.0)?
Thanks
There is a Polymer 1.0 version. See https://github.com/slogger/swipe-pages.
I'm very new in web development but I made an swipeable-pages element for Polymer 1.0 that works with dynamic pages like dom-repeat!
https://github.com/emersonbottero/swipeable-pages.
P.S.: I know the question is old but people may still need it.
P.S.2: Improvements are welcome to the code :D.
I am going to port our windows-based Customer Management software to Web-based. I find polymer may be a choice.
However, for our usage, we can't find polymer component has table-view, drop-down menu(aka. the "select" element in html), date-picker, tree list.
Will polymer add these components later? Or these components will not be the target?
Thanks,
Barry
Polymer is just primarily a polyfill library that helps enabling HTML 5 Web Components in browsers that don't support them by themselves.
Web Components can be written by any developer, so you might need to develop some controls on your own especially the table view one. I'd guess you'll find most of the others mentioned in your question implemented one way or another. You should check out some of the WebComponents collection pages:
http://customelements.io/
http://component.kitchen/
http://bower.io/search/?q=web-components
For your table view control: I had a similar problem couple of years ago and had to implement my own solution. Maybe you can find a regular HTML library that supports table views and make it a (Polymer) Web Component by yourself.