nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Conditionally Show/Hide elements of a page based on line item

rueldsouza

When we are designing boards for clients we often have a trade-off between:

Too many pages
Too much information on the page

A really powerful feature would be to have the ability to show hide elements of the page (example: fields, cards, grids, charts or even entire rows) based on a line item that can be a user selection / calculation.

A typical illustration below:

Users can create an event using different types of products MPL / EAN /BOM
Instead of having 3 different pages for each type of event creation we put all 3 grids on the same page
In order to avoid these 3 grids taking up too much unnecessary space we collapse them very small and ask users to maximize the relevant grid.
This would be better if there was a selection "What product do you want to add?" and the page only shows the relevant grid.

Comments

There are no comments yet

Quick Links

New ideas

Add an Option to Change the Module Name “Style” for Better Visibility
It would be helpful if we could change the Module Name “Style” setting to improve visibility, similar to the Line Item “Style” setting.
Add Time Scale Selection When Creating a New Module
It would be helpful if users could select the time scale (e.g., Year, Quarter, Month, Day) when creating a new module.
Change row height for Summary levels.
In as much detail as possible, describe the problem or experience related to your idea. Please provide the context of what you were trying to do and include specific examples or workarounds: When having pictures shown in a line item in the new UX, the summaries levels all take the same height as the lowest list item, even…