Jump to content

Customize Message Loading and GIF


Fábio Matte

Recommended Posts

I use a transparent gif, without text, this way:

 

UniServerModule.CustomCSS
    .x-mask-msg{
       background:none;
       border-width:0px;
    }
    .x-mask-msg-inner{
       border-width:0px;
       color:none;
       padding:50px;
       background: rgba(0, 0, 0, 0);
       background-image:url(files/loading.gif);
       background-repeat:no-repeat;
       background-size: contain;
    }
    .x-mask-msg-text{
       display:none;
       background-image:none;
    }
 

 

But i suppose that just changing UniServerModule.ServerMessages.LoadingMessage and cutting the ".x-mask-msg-text" selector should do the job.

Good luck.

Link to comment
Share on other sites

Good Morning!

I put the code below, which you indicated in the Custom CSS of the ServerModule (UniServerModule), however the application continues showing the standard GIF of Unigui.

Code Full do Custom CSS:



.x-panel2 {
    border-radius: 10px;
}


.mycss
{
 color:#91b4cd !important;
 -webkit-text-fill-color:#91b4cd !important;
 font: 60px Tahoma, Helvetica, sans-serif !important;
 font-weight:bold;
}


    .x-mask-msg{
       background:none;
       border-width:0px;
    }
    .x-mask-msg-inner{
       border-width:0px;
       color:none;
       padding:50px;
       background: rgba(0, 0, 0, 0);
       background-image:url(files/carregando.gif);
       background-repeat:no-repeat;
       background-size: contain;
    }
      
        .x-mask-msg-text{
       display:none;
       background-image:none;
    }


 

In addition to putting this code in Custom CSS should I add anything else or activate some other property somewhere?

Link to comment
Share on other sites

  • 3 months later...
  • 2 months later...

hi,

instead of

    .x-mask-msg-inner{
       border-width:0px;
       color:none;
       padding:50px;
       background: rgba(0, 0, 0, 0);
       background-image:url(files/carregando.gif);
       background-repeat:no-repeat;
       background-size: contain;
    }

Could we use a .svg ?

 

Thank you

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...