Widget sections
Sections in BlueX help users organize and manage survey widgets into groupings, making dashboards easier to navigate and understand. Each section can hold an unlimited number of widgets and supports flexible layouts, renaming, reordering, and more.
Creating and customizing section
Access widgets through the widget tab in the top menu.
Default section
The system includes a blank canvas with a default section titled “My Dashboard,” that can be renamed like any other section.
Creating a new section
Clicking Create new section opens a pop-up where you can rename the new section.
Names can be up to 100 characters long and support letters, numbers, and special characters.
A toast notification appears when the widget section is successfully created.
Once a section is created, it appears with a Create widget button inside it. All widgets must be contained within a section, which means widgets cannot exist outside a widget section. There is no limit to the number of widgets in a section.
Sections are expanded by default when the user views an existing analysis. Section headers display the section name, and users can collapse or expand each one. Layout and positioning settings make the dashboard customizable and presentation ready. The system remembers expand/collapse states even after navigating away or returning to the app later.
Renaming sections
Click the Edit section button, then select Rename section to rename the widget section.
Deleting Sections
Click the Edit section button, then select the Delete option to delete a widget section. A confirmation pop-up will ask to confirm the deletion.
Clicking Delete removes the section and all widgets within the section will be permanently removed as well.
Manage widgets
The manage widgets option provides centralized control over all sections and their widgets.
- Click on the Manage widgets option. A pop-up displays all sections along with their widget titles.
- Users can expand or collapse sections for better overview and Rename sections and widgets directly in the input fields. For any updates to take affect, Save Changes must be applied.
Rearranging widgets and sections
Widgets can be reorganized within a section and widget sections can be reordered using the arrow controls or by dragging and dropping them. Widgets can also be moved between widget sections using the Move widget to option.
Drag-and-drop
Section drag and drop - When dragging, the target section is highlighted, even if it’s collapsed.
Widgets can be dragged within the same section or into another. Dropped widgets are added at the last position in the section.
Using arrow controls
Each section includes Up and Down arrow buttons to move its position. Also, each widget includes Up and Down arrow buttons to move its position. Widgets move only within the same section using this method.
Moving widgets between sections
A Move Widget To icon on each widget allows relocation to another section. A pop-up lists all available sections excluding the current one.
The widget is placed at the end of the chosen section upon relocation.