Jump to content

Replace standard loading.gif


MarBar77

Recommended Posts

There was few posts about reaplacing standard loading,gif in project:

 

So in CustomCSS:

 

1) When loading web page image:

#loading .loading-indicator {
  background: url(./files/loading.gif) no-repeat;
  background-color: white; 
  color:      black;
  font:       bold 16px tahoma,arial,helvetica;
  padding:    5px 10px 10px 50px;
  margin:     0;
  text-align: center;
  height:     auto;
}

2) For screenmask with loading.gif eg. when connection is lost:

 

.x-mask-overlay {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  background-image: url(./files/loading.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  text-align: center;
}
Marcin
  • Like 3
Link to comment
Share on other sites

  • 1 year later...
On 6/30/2018 at 3:39 AM, MarBar77 said:

There was few posts about reaplacing standard loading,gif in project:

 

So in CustomCSS:

 

1) When loading web page image:


#loading .loading-indicator {
  background: url(./files/loading.gif) no-repeat;
  background-color: white; 
  color:      black;
  font:       bold 16px tahoma,arial,helvetica;
  padding:    5px 10px 10px 50px;
  margin:     0;
  text-align: center;
  height:     auto;
}

2) For screenmask with loading.gif eg. when connection is lost:

 


.x-mask-overlay {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  background-image: url(./files/loading.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  text-align: center;
}
Marcin

How apply this code? When and were?

Link to comment
Share on other sites

8 minutes ago, Артем said:

Do you have any idea?

I have not tested, but try:

procedure TUniMainModule.UniGUIMainModuleCreate(Sender: TObject);
begin
  UniServerModule.CustomCSS.Add(
      '#loading .loading-indicator {'+
      'background: url('+ Background.ImageUrl +') no-repeat;'+
      'background-color: white;'+
      'color:      black;'+
      'font:       bold 16px tahoma,arial,helvetica;'+
      'padding:    5px 10px 10px 50px;'+
      'margin:     0;'+
      'text-align: center;'+
      'height:     auto;'+
      '}'
  )
end;

 

Link to comment
Share on other sites

44 minutes ago, Sherzod said:

I have not tested, but try: 

I tested its work, but I need some modify on values. So, I need to see on screen,

On 4/10/2020 at 11:42 AM, Freeman35 said:

I'm trying change #loading css. But its so fast change :) how to freeze or sleep it ?

 

Link to comment
Share on other sites

  • 3 years later...

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...