[Solved] Repeater flashes the original content for a few seconds before showing the content of the database

Ask the community
,
1

I have a problem with the repeater on my website. I have a repeater that is connected to a dataset and the data set is connected to a dynamic page. The content are the names description and the link to the courses I have. I have also a code on the page and created a search box to be able to search within the content of the repeater.
The page loads very well in the preview mode. However when it is published, and I load rhe page for tbe furst time, the original content of the repeater flashes for a few seconds before showing tbe content that is in the database. When I go to another page and come back it is usually fine. It is only when I load the website for the first time after opening that the issue happens.

Here is the link to the webpage: https://suuufiii1.wixsite.com/angle/online-courses

I found this post that seems to have a fix: https://www.wix.com/velo/forum/main/comment/5cd157dd1e69ee00163cb257
But I cannot find anywhere on my repeater to check hidden on load for the repeater. I also don’t know where I should write the code he mentions. I have another code on my page. @yisrael-wix
(sorry I am not good at coding. So my question may seem ridiculous)

Can someone help me with this issue?

Thanks.

2

Maybe you set the dataset to fetch the data after the page gets load ? If you did it, uncheck it back to fetch the data as soon as it can.

In addition, you can hide the repeater onload and show it after the data got fetched.

$w.onReady(() => {
$w('#dynamicDataset1').onReady(() => {
$w('#repeater1').show();
})
})
3

@jonatandor35 Thank you very much for answering.

How can I set the dataset to fetch the data as soon as it can? Or how can I uncheck it back to fetch the data as soon as it can?

I saw in the other post that I could set the repeater to hide on load as well. But I cannot find the option anywhere to check the box. Is there somewhere I should check? Or do I just use the code you sent?

Thank you for your help in advance.

4

@suuufiii1 Click your repeater and on the right side of your IDE you can see the “Default Values” below the “ID”. Tick the “Hidden” checkbox to hide the repeater on load.

5

Thanks for the response. When I do that, it just completely changes it to hidden. There is no option to make it hidden on load! Is there a way to only make it hidden for when it is loading?

6

@jmtchan Thanks for the response. When I do that, it just completely changes it to hidden. There is no option to make it hidden on load! Is there a way to only make it hidden for when it is loading?

7

Ok. I realized what you mean. Now there is only one problem.

I already have a code on my page for the search bar I have created. Now, if I want to add this code for the repeater to show, where should I paste it? Before that code or after?

8

@suuufiii1 $w . onReady ( function () {
$w ( ‘#repeater1’ ).hide();
$w ( ‘#dynamicDataset1’ ). onReady (() => {
$w ( ‘#repeater1’ ). show ();
});

try this one

9

I could fix it.
Thank you everyone for your help. I marked the repeater as hidden and added the code that was on the page and it worked perfectly fine! Thank you @jmtchan and @J. D.