Reviewing modules in Design Studio is a key part of troubleshooting as well as building new functionality. By exploring how modules are structured, both your own and the provided starter modules, you can identify issues faster and reuse proven module structures.
Working with the Overview panel
For an efficient workflow, keep the Overview panel on the left-hand side open while working.
If there’s a module you’re interested in, either for troubleshooting or to understand how it’s built, start by expanding its various sections in the Overview. This allows you to see the structure and quickly navigate between the module's parts.
Understanding the icons
As you explore the module, pay attention to the various icons. They help you quickly understand the type of logic the element contains.
| Name | Icon | Description |
| Data icon | A data source is connected to this element | |
| Repeater icon | A repeater is used on this element | |
| Filter icon | A filter is applied (the element may not always be visible) |
These make it easier to review modules efficiently and identify key functionality at a glance.
Review settings and styling
To fully understand how a module is built, click through its different elements in the Overview panel and review the panels on the right-hand side:
- Settings: Logic, data, and behaviour
- Style: Layout and visual appearance
By combining what you see in the Overview with these panels, you'll get a complete picture of how the module works.
Summary
Reviewing existing modules is useful for:
- Troubleshooting: Identifying what might be causing an issue
- Learning: Understanding how to recreate similar functionality
By understanding how the provided starter modules are built, you can apply the same patterns and logic when creating your own.