Show/Hide Components - Automated Workflow Event
The Show/Hide action allows you to create the events to Hide and Show a component.
Step 1: Create an Event to Hide a Component
To create an event to hide a component event action, go to the Events panel and click the Add Event button.
You will be redierected to the events page. Here, add the Event Name and click the Create Event button.
Then, click on the add icon and bring the cursor to the Show/Hide action in the dropdown list. Then, select the Hide Component by clicking on it once.
The Hide Component dialogue box will open. Here, add the page on which the component exists and also choose the component you want to hide and click the Save button.
Step 2: Create an Event to Show a Component
To create an event to hide a component event action, go to the Events panel and click the Add Event button.
You will be redierected to the events page. Here, add the Event Name and click the Create Event button.
Then, click on the add icon and bring the cursor to the Show/Hide action in the dropdown list. Then, select the Show Component by clicking on it once.
The Show Component dialogue box will open. Here, add the page on which the component exists and also choose the component you want to show and click the Save button.
Step 3: Bind both the Events on the Buttons
Refresh the page after creating the events and bind both the events in the separate buttons as shown below:
Step 4: Preview or Publish the Page to Check the Events
Now, open the page in the preview or publish mode to see how the events will work for the end-users.
