[Widget] - Showhide

How to use a Showhide in a content page

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  

Previous Next

1. From the Project Dashboard, click the Content Node to open it in the editor.
2. Select Widget from the Menu bar drop-down. Widgets are listed on the left panel and on the top bar of the editor.
3. Next, select Showhide from the drop-down list.
4. Drag and drop the Showhide Widget in the required section. 
5. The showhide widget displays a label and its description. The label can be collapsed and expanded to show the expanded title and description.
6. The showhide widget allows you to define and edit a new label or reuse existing showhide.
7. Next, select Edit to edit a new showhide or reuse an existing showhide.
8. On the Edit modal, provide information such as:
   • Widget Title - to add a custom Widget title (by default: Showhide)
   • Collapse Label – label to be displayed when collapsed
   • Expanded Label – label to be displayed when expanded
   • Description – Description of the label to be displayed after expanding
   • Click Save to save the changes.
9. To reuse an existing showhide, click Reuse Existing on the widget.
10. On the Copy Widget modal:
    • Select the Project  from where you want to reuse the widget
    • Select the Node of the project
    • Select the Showhide to be reused
    • Click Continue to copy the widget
    • After copying the widget, you can click edit to make changes to the widget
11. Finally, click Save in the Editor to save the changes.

Note: On navigating to Author or Preview mode from the top navigation, users will need to select a node to view its content.