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

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

implementar GIF loading

Ronel Garay
7 years ago Jun 26, 2015 10:50pm
Ronel Garay
7 years ago Jun 30, 2015 11:06pm

Saludos

Investigando por ahi encontre un post en el cual trataron el mismo problema

https://vaadin.com/forum#!/thread/282658

Basicamente la solucion es agregar un estilo para poder manejar el loading .

/* Server transaction indicator */.v-loading-indicator, .v-loading-indicator-delay, .v-loading-indicator-wait {    position: absolute;    top: 0;    left: 0;     width: 100%;    height: 100%;    margin: 0;    padding: 0;    opacity: 0.5;    filter: alpha(opacity=50);    z-index: 30000;    background-color: #999999;    background-repeat: no-repeat;    background-position: 50%;    cursor: wait;}.v-loading-indicator {      background-image: url(icons/animations/loading-indicator.gif);}.v-loading-indicator-delay {    background-image: url(icons/animations/loading-indicator-delay.gif);}.v-loading-indicator-wait {    background-image: url(icons/animations/loading-indicator-wait.gif);}