gwt-polymer-elements icon indicating copy to clipboard operation
gwt-polymer-elements copied to clipboard

No box shadow available

Open confile opened this issue 8 years ago • 2 comments

I tried the spinner sample. Here is how it should look like:

polymer_example

In my project it looks like this:

dashboard_und_grails_-majestella-gwt_src_main_java_majestella_dashboard_client_bootstrapperimpl_java-groovy_grails_tool_suite-__users_mg_documents_grails_ggts3_6_4-gwt

I copied the code from the demo. For some reasons it looks different.

Do I have to use Polymer.importHref()? If so how do I know what I have to import?

The doc says:

Widgets : When you use a widget, the import happens automatically PaperButton button = new PapperButton();

The import did not happen automatically.

I tried the following:

    Polymer.importHref(Arrays.asList(
        // Paper applications must always import paper-styles
        "paper-styles",

//         Styles for paper examples
        "paper-styles/demo-pages.html",
        // Iconsets must be loaded before using any component depending on them.
        // We load all Iron and Vaadin collections.
        "iron-icons",
        "iron-icons/communication-icons.html",
        "iron-icons/av-icons.html",
        "iron-icons/device-icons.html",
        "iron-icons/editor-icons.html",
        "iron-icons/hardware-icons.html",
        "iron-icons/image-icons.html",
        "iron-icons/maps-icons.html",
        "iron-icons/notification-icons.html",
        "iron-icons/social-icons.html",
        "vaadin-icons",
        // Flex-layout and animations are used in all the app, loading it early.
        "iron-flex-layout",
        "neon-animation"//,

//        "iron-icons/iron-icons.html"
        ), new Function() {
        public Object call(Object arg) {
            // The app is executed when all imports succeed.
            bootstrap();
            return null;
        }
    });

The result is still not the same:

dashboard

My spinner are horizontal instead of vertical.

confile avatar Jan 31 '16 21:01 confile

Using widgets the import happens automatically, but you have to wait a while to that happens, so use the whenReady method with a callback. Use vertical layout in your container, try applying vertical and layout classes to it.

manolo avatar Feb 01 '16 08:02 manolo

@manolo I also tried the todo list example from the GWT docs: http://www.gwtproject.org/doc/latest/polymer-tutorial/widgets-applogic.html

It all works fine except that I never get the box and the shadow around the to do item. See:

dashboard

What do I use for Polymer.importHref() in order to get this work?

confile avatar Feb 01 '16 08:02 confile