Jump to content


Photo

Customize Message Loading and GIF

loading message gif customize

  • Please log in to reply
10 replies to this topic

#1 fabiomatte

fabiomatte

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 26 January 2018 - 07:09 PM

Is it possible to change the GIF and customize the message when MyApp.dll is loading?

 


  • 0

_________________________________________________________________________________

UniGUIVersion  : 1.10.0.1469                               PostgreSQL      : 9.6                                               

CustomCSS      : CSS3                                        RadStudio         : Delphi Tokyo Starter Edition     


#2 pedrisco

pedrisco

    Member

  • Members
  • PipPip
  • 42 posts

Posted 26 January 2018 - 08:06 PM

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.


  • 0

#3 fabiomatte

fabiomatte

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 29 January 2018 - 12:04 PM

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?

  • 0

_________________________________________________________________________________

UniGUIVersion  : 1.10.0.1469                               PostgreSQL      : 9.6                                               

CustomCSS      : CSS3                                        RadStudio         : Delphi Tokyo Starter Edition     


#4 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5177 posts

Posted 29 January 2018 - 12:27 PM

Hi,

 

Which edition and build are you using ?!

 

Best regards,


  • 0

#5 fabiomatte

fabiomatte

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 29 January 2018 - 01:25 PM

Hi,

 

Which edition and build are you using ?!

 

Best regards,

 

The company where I work uses 1397.


  • 0

_________________________________________________________________________________

UniGUIVersion  : 1.10.0.1469                               PostgreSQL      : 9.6                                               

CustomCSS      : CSS3                                        RadStudio         : Delphi Tokyo Starter Edition     


#6 FFREDIANELLI

FFREDIANELLI

    Member

  • uniGUI Subscriber
  • PipPip
  • 30 posts
  • LocationCaçador - SC - Brasil

Posted 07 May 2018 - 05:48 PM

This was answered in some other place ?


  • 0

#7 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5177 posts

Posted 07 May 2018 - 06:34 PM

Hi,

 

This was answered in some other place ?

 

customize the message when MyApp.dll is loading?

 

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


  • 0

#8 FFREDIANELLI

FFREDIANELLI

    Member

  • uniGUI Subscriber
  • PipPip
  • 30 posts
  • LocationCaçador - SC - Brasil

Posted 08 May 2018 - 01:59 AM

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


  • 0

#9 Didier

Didier

    Member

  • uniGUI Subscriber
  • PipPip
  • 19 posts
  • LocationFRANCE

Posted 12 July 2018 - 03:45 PM

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


  • 0

#10 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5177 posts

Posted 12 July 2018 - 04:29 PM

Hi,

 

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

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

  • 0

#11 Didier

Didier

    Member

  • uniGUI Subscriber
  • PipPip
  • 19 posts
  • LocationFRANCE

Posted 13 July 2018 - 07:45 AM

All work fine :)

 

thank you,


  • 0





Also tagged with one or more of these keywords: loading, message, gif, customize

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users