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,

 

Which edition and build are you using ?!

 

Best regards,

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

yes , about message , i tryed the code to change de gif on custom css but not change...

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

×