Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No box shadow available #97

Open
confile opened this issue Jan 31, 2016 · 2 comments
Open

No box shadow available #97

confile opened this issue Jan 31, 2016 · 2 comments

Comments

@confile
Copy link
Contributor

confile commented Jan 31, 2016

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.

@manolo
Copy link
Owner

manolo commented Feb 1, 2016

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.

@confile
Copy link
Contributor Author

confile commented Feb 1, 2016

@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?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants