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.
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.