Cannot fully customize loading indicator

Flow
1

Hi to all,

since I’ve updated Vaadin from 7.0.7 to 7.1.11, I’m not able to fully customize my loading indicator.

I’ve read many posts, and I’ve used this css rule:

.v-loading-indicator, .v-loading-indicator-delay, .v-loading-indicator-wait{
background: transparent url(‘myimage.gif’);
}

This rule doesn’t work when widgetset is loading, so I can see two different loading indicators: the first is the one bundled in Vaadin, and then, once the widgetset has been loaded, it turns into my custom indicator.

This behavior is quite bad, because the two indicators are very different, is there a way to replace even the first?

2

When the widgetset is loading, you need to use the .v-app-loading element to show the same animated GIF.

.v-app-loading {
  background: transparent url('myimage.gif') 50% 50%;
}

Hope this helps.

3

Many Thanks Jouni!