UI Builder - Controlling the visibility of components

[Guido Bernuetz]

Very flexible pages can be created by controlling the visibility of components. One example is the Loader component. It’s very helpful to show the user that something is in progress. Of course, this component should only be visible when the background process is running.

How to:

1. Define a client state parameter of type Boolean (eg. “isLoading”)
   
2. Bind this parameter to component visibility. Click the little eye icon on the top right.
      
3. Set the value of this parameter by an event which starts the longer running process (eg. Start or Refresh of Data Broker) to show the loader
   
4. Set the value of this parameter at the end of processing (by Data Fetch Succeeded event of a Data Broker) to hide the Loader
   

[Mona Hammad]

Thanks Guido it was helpful, I could use it at my side.

[DHARAVATR]

Hi SN Expert @Guido Bernuetz  I want to hide loader 1 when guidance is completed, and loader 2 will be shown after that. in the same UI builder page when I get output from the transform script. How do I do that?