Make the Tables and Extensions Appear Full Width using Group Variable

Overview

Through a code change, the different segments in Value Collaborator such as tables and extensions can be made to appear full-width.

Step-by-Step Guide

1. Open your Visualizer Type by following the steps to Edit your Visualizer Type.

   
   
2. Click Prototype.

3. On the Prototype page, the different segments appear adjacent to each other.

4. Click the three vertical dots menu or the vertical ellipsis menu at the top right of the page either in the first or second segment, then click Full Width.

5. The first segment becomes full-width.

6. To set the first segment full-width by default, follow the steps to Edit Group Variable.

   
   
7. Enter the code below right after the curly bracket.

"extension_panel_full_width": [     "section name 1",     "section name 2"   ], 

8. Replace section name 1 with the name of the first tab and replace section name 2 with the name of the second tab. If the tabs have multiple sections, give the particular section's name. Click Save.

   
   
9. Click Value Collaborator and then click Save.

10. Click Prototype. The Prototype page displays the first segment in full width and the second segment comes below the first segment.

11. Click the three vertical dots menu and click Half-Width. The Prototype page remains the same with the first segment remaining full width.

    
    

12. To undo, delete the code added in Group Variable and click Save.

    
    
13. Click Value Collaborator click Save and then click Prototype. The Prototype page shows the different segments adjacent to each other.