Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Loading Indicator
Hi,
I Am using vaadin 7.6.5 with valo theme .
I am trying to override the loading-indicator to show as spinner and that to exactly in center of the screen. With my below css code its working fine for me.
How can i make other components not to listen any clicks from the user while spinner is running. and after spinner finishes its works than other components should listen to user clicks.
.v-loading-indicator,
.v-loading-indicator-delay,
.v-loading-indicator-wait {
top: 52%;
right: 50%;
left: 50%;
right: auto;
width: 44px;
height: 44px;
margin-top: -22px;
margin-left: -22px;
background-position: 50%;
background: transparent url(../valo/shared/img/spinner.gif) no-repeat;
pointer-events: auto;
}
.v-loading-indicator[style*="none"]:before {
display: none;
}
Thanks
Nagaraj RC