gwt-polymer-elements
gwt-polymer-elements copied to clipboard
No box shadow available
I tried the spinner sample. Here is how it should look like:
In my project it looks like this:
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:
My spinner are horizontal instead of vertical.
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 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:
What do I use for Polymer.importHref()
in order to get this work?