MarBar77 Posted June 29, 2018 Share Posted June 29, 2018 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 3 Link to comment Share on other sites More sharing options...
artem_niko Posted April 10, 2020 Share Posted April 10, 2020 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 More sharing options...
Sherzod Posted April 10, 2020 Share Posted April 10, 2020 3 minutes ago, Артем said: How apply this code? When and were? On 6/30/2018 at 12:39 AM, MarBar77 said: So in CustomCSS: UniServerModule.CustomCSS Link to comment Share on other sites More sharing options...
artem_niko Posted April 10, 2020 Share Posted April 10, 2020 1 minute ago, Sherzod said: UniServerModule.CustomCSS Is it possible include .gif in UniMainModule? That not using folder. Link to comment Share on other sites More sharing options...
Sherzod Posted April 10, 2020 Share Posted April 10, 2020 8 minutes ago, Артем said: Is it possible include .gif in UniMainModule? That not using folder. Need to analyze... Link to comment Share on other sites More sharing options...
Freeman35 Posted April 10, 2020 Share Posted April 10, 2020 I'm trying change #loading css. But its so fast change how to freeze or sleep it ? Link to comment Share on other sites More sharing options...
artem_niko Posted April 13, 2020 Share Posted April 13, 2020 On 4/10/2020 at 2:44 PM, Sherzod said: Need to analyze... Do you have any idea? Link to comment Share on other sites More sharing options...
Sherzod Posted April 13, 2020 Share Posted April 13, 2020 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 More sharing options...
Freeman35 Posted April 13, 2020 Share Posted April 13, 2020 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 More sharing options...
Sherzod Posted April 13, 2020 Share Posted April 13, 2020 30 minutes ago, Freeman35 said: So, I need to see on screen I think in this case it should be a screen saver at the beginning. Link to comment Share on other sites More sharing options...
Freeman35 Posted April 13, 2020 Share Posted April 13, 2020 I didn't yet try but maybe js error can lock that screen. isn't it? Link to comment Share on other sites More sharing options...
fraxzi Posted August 17, 2023 Share Posted August 17, 2023 Hi Everyone, How about using FontAwesome like "<i class="fa-duotone fa-loader fa-spin-pulse"></i>" instead of using .gif? Regards, Frances Link to comment Share on other sites More sharing options...
picyka Posted August 17, 2023 Share Posted August 17, 2023 16 horas atrás, fraxzi disse: Olá a todos, Que tal usar FontAwesome como "<i class="fa-duotone fa-loader fa-spin-pulse"></i>" em vez de usar .gif? Relação Frances How would the code look? Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now