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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...