Preloader customization

Wappler General Need Help
1

It is possible to add a text to the preloader page. (example -> wait I’m loading the page)?

2

or add the company logo in the background
Anyone have any ideas?

1 Like
3

You can add anything you like to show in the preloader tags:

<dmx-preloader id="preloader1"> </dmx-preloader>

then you can style the preloader text/content using CSS, in order to position it etc.

1 Like
4

I may not have understood well, but is it so?
<body is="dmx-app" id="index" style=""><dmx-preloader id="preloader1" spinner="fadingCircle" preview>Test</dmx-preloader>

5

No Marzio,
You need to set the spinner type to NONE in order to see the content inside the preloader.

6

Ok Teodor, but I would like both: display the text under spinner

7

Then add something like this in your custom CSS file:

.dmxPreloader-spinner::after {
    content: "my text here";
    position: relative;
    margin-top: 80px;
    display: block;
    width: 200px;
    margin-left: 50%;
    left: -100px;
    text-align: center;

adjust the rules per your needs.

1 Like
8

Thank You Teodor I try

9

Follow up question. Can the spinners be modified? For instance give them a colored border?

10

Or, better still, be able to use Lottie animations?