Default Vaadin Spinner location

Hi,

A default spinner appears on the top right corner of the browser when Vaadin’s waiting for a server response.

How do you make it appear in the centre of the window instead?

thanks, cheers.

I am wondering about this as well. Any guidance on how the spinner is implemented would be appreciated.

Ok, so I found the css relating to the spinner in reindeer\styles.css

v-loading-indicator,
.v-loading-indicator-delay,
.v-loading-indicator-wait {
position: absolute;
top: 0;
right: 0;
z-index: 30000;
width: 31px;
height: 31px;
background: transparent url(…/base/common/img/loading-indicator.gif);
margin-right: 5px;
margin-top: 5px;
}
.v-loading-indicator-delay {
background-image: url(…/base/common/img/loading-indicator-delay.gif);
}
.v-loading-indicator-wait {
background-image: url(…/base/common/img/loading-indicator-wait.gif);
}

And I see where it is realized in ApplicationConnection.java showLoadingIndicator(). I’ve tried over-riding the css, for example changing the margin, but it doesn’t seem to take effect. Other css overrides work, for example changing a Panel caption background color. Any help is appreciated.

Thanks

Hi,

Is there any update on this subject?

thanks!

Hi all,

Try with this style:

v-loading-indicator,
.v-loading-indicator-delay,
.v-loading-indicator-wait {
position: absolute;
top: 50%;
right: 45%;
z-index: 30000;
width: 31px;
height: 31px;
background: transparent url(../base/common/img/loading-indicator.gif);
margin-right: 5px;
margin-top: 5px;
}
.v-loading-indicator-delay {
background-image: url(../base/common/img/loading-indicator-delay.gif);
}
.v-loading-indicator-wait {
background-image: url(../base/common/img/loading-indicator-wait.gif);
}

HTH

Javi.