Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8

Simple polymer injection

Sylvain ASSEMAT
5 years ago Feb 24, 2017 12:58pm

Hi all 

Im just beginning in VAADIN and trying to make a simple test to include polymer elements, but im going wrong

Did you already get this error ?

Thanks for your help

 

GRAVE: 
com.vaadin.ui.declarative.DesignException: Unknown tag: paper-input
<html>
<head>
<script src="https://cdn.vaadin.com/vaadin-core-elements/latest/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="VAADIN/bower_components/paper-input/paper-input.html">

</head>
<body>
    <v-vertical-layout spacing>
        <v-label><h3>Sign In</h3></v-label>
        <v-horizontal-layout spacing>
            <v-text-field immediate caption="Email" _id="emailField" />
            <v-password-field caption="Password" _id="passwordField" :expand :left/>
        </v-horizontal-layout>
        <v-button style-name="primary" _id="signInButton">Sign In</v-button>
        <paper-input label="text input"></paper-input>
    </v-vertical-layout>
</body>
</html>
@DesignRoot
public class Login extends VerticalLayout {
    public Login(){
        Design.read(this);
    }
}

 

Olli Tietäväinen
5 years ago Feb 24, 2017 1:20pm

Hi,

The document you get from Designer isn't really a HTML page even though it might look like it. It's just a textual representation that will be parsed turned into Java bytecode. There are ways to include Polymer elements into your Vaadin app, but it's a bit more complicated than that. If you're using Vaadin 7, see https://github.com/Artur-/date-picker for an example. In Vaadin 8, you should be able to use the @HtmlImport annotation, see https://vaadin.com/framework/whatsnew and the HTML imports section.

Hope this helps,

Olli

Ricardo Legorreta
4 years ago Aug 17, 2017 5:58pm

I tryed to use @HtmlImport annotation inside Liferay DXP :
@HtmlImport("vaadin://bower_components/vaadin-combo-box/vaadin-combo-box.html")
But I received the following exception:
17:50:01,882 WARN  [http-nio-7007-exec-10][code_jsp:181] {code="404", msg="ProxyServlet: /vaadin-8.1.0/VAADIN/bower_components/vaadin-combo-box/vaadin-combo-box.html", uri=/o/vaadin-8.1.0/VAADIN/bower_components/vaadin-combo-box/vaadin-combo-box.html}

Of course the Combo box is never shown. Any idea how can I fiz the path.