This is my first wappler app. I am so happy with the final results. Everyday I learn a little more and I think I am the most active member of this community asking and asking… sorry.
My question now is I am using a preload component on app connect. But when you load the page display the content for a moment and later make the fade effect. Is anything I am making wrong??
RPReplay_Final1694657492
I am open to share all my knowledge if someone needs in spanish.
How did you code the pre-loader?
This is how I do it:
<link rel="preload" as="script" href="/dmxAppConnect/dmxAppConnect.js">
as well as
<script src="/dmxAppConnect/dmxAppConnect.js"></script>
Hi Ben how are you, nice to hear from you.
On head i have
<link rel="stylesheet" href="dmxAppConnect/dmxPreloader/dmxPreloader.css" />
<script src="dmxAppConnect/dmxPreloader/dmxPreloader.js" defer></script>
on body
<dmx-preloader id="preloader1"></dmx-preloader>
the real link is
https://www.solanahuatulco.com/
I notice that preload dont seems to work on mobile chrome. Any idea ? @Teodor
You don’t have a spinner selected so it won’t show an animation?
Try:
<dmx-preloader id="preloader1" spinner="rotatingPlane"></dmx-preloader>
I only want a white screen that fade to content. No spinner in propose.
But even if add a spinner on mobile seems to not work.
RPReplay_Final1694704804
The preloader if I understand correctly, is for loading dynamic data (Server Connect data). If you have no data being loaded the preloader won’t pause to load the data. It also appears your scroll down animation may need a delay as it looks like that is occurring and overruling the preloader?
Just an observation Juan.
The funny is that on desktop works fine is only on mobile where is not working.
Update I am on Iphone and in Chrome or safari don´t work . Tested un 3 phones. Any idea @Teodor
https://www.solanahuatulco.com/I see it different on Android.
Seems working fine for me:
Screen_Recording_20230914-130635_Chrome
Works fine on iOS … personally I would add a spinner though. The white screen is there for quite a few seconds. But other than that it seems to work as you intend on iOS.
Weird I have tested on my phone and other friends iphone and es not working. Loads content first and later make the preload.