Jump to content
uniGUI Discussion Forums
Fábio Matte

Customize Message Loading and GIF

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.

Share this post


Link to post
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?

Share this post


Link to post
Share on other sites

Hi,

 

This was answered in some other place ?

 

customize the message when MyApp.dll is loading?

 

UniServerModule -> ServerMessages -> LoadingMessage = 'Custom message...'

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Hi,

 

Yes, SVG images can be used as background-image:

background-image:url(files/carregando.svg);

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×