Hello Softr team and community,
I’d like to propose a feature that would give us more control over the layout and design of our pages, especially when working with dynamic data.
Currently, we can set a list block to be hidden if it’s empty. This is great for keeping our pages clean. However, a common challenge arises when these list blocks are placed within a container alongside other blocks. When a list block is empty and hidden, the space it occupied remains, leaving an awkward blank gap in the container’s (also goes for Tabs) layout.
I propose two related improvements:
- Conditional Container Visibility: An option to automatically hide the entire container or Tab if all of the blocks within it are empty or hidden. This would be incredibly useful for sections that are purely dependent on dynamic data, preventing large empty sections from appearing on a page.
- Dynamic Spacing/Expansion: When one block within a container is hidden, there should be an option for the remaining visible blocks to automatically expand to fill the newly available space. This would eliminate the white space and create a seamless, professional layout without manual adjustments.
This feature would significantly improve the user experience of our apps by creating much cleaner and more responsive designs. It would also save us a lot of time and effort in trying to manually work around these layout issues.
What are your thoughts on this? I believe this would be a powerful addition to Softr’s design capabilities.