I’m building an single-page application. I have a main container that contains “pages”, and when the user ‘goes’ from one page to another, I hide the current page and show the target page. Until the target page is displayed, I want to show a “loader” element (spinning wheel). Since my workflow to …

I’m trying to show/hide the loader not only when the data is fetched but more specifically when the elements are rendered.

Hi unlustucru , how do you hide the loader after xxx seconds? I can’t find a workflow action “hide”. (I also want to display a loader on my “homepage” and hide it after some seconds.

There’s not an action to “hide”—instead you’ll want to create a boolean variable, eg show_content that is bound to the content that you want to show/hide. You can then bind this variable to sections/containers/divs. For example, I would have a div for the loading state—conditional rendering = !sho…

Thanks and I will try this. In my project, I have an image on my home-page that is visible at start. I want it to disappear (hide) it after some seconds. Your solution with the toggle should work, but I can’t figure out how to set a workflow that starts at page-load (so without interaction of a u…

I believe there are two ways to initiate a workflow that starts at page-load: There is app level workflows, which if I understand them correctly are applied to ALL pages. In theory this might be used for authentication, but I don’t use these as I have some public pages and some private pages. You …

Hi, I could make it work with a “simple” conditional rendering of the loading-element based on the “is-fetching”-parameter

Show loader until elements are displayed

Ask us anything How do I?

rayanenocode (Rayane R) February 14, 2024, 1:01pm 2

Hello, watch this till the end TUTORIAL : How to optimize loading speed in WeWeb

Topic		Replies	Views
Loader animation when page change How do I?	17	1518	April 22, 2024
Conditional rendered divs show momentarily on page load and are then hidden Ask us anything	8	736	October 3, 2023
The weweb's official loader animation in the editor that appears for the first time when page is loaded How do I? workflows , binding , design	7	408	May 26, 2025
Loader conditional visibility How do I?	1	428	October 2, 2022
Need Page Loading to happen only when needed(without a fixed time) Ask us anything	3	204	August 20, 2026

Show loader until elements are displayed

Related topics