I use the tab page option to create a division between two groups in a form. This way, a specific layout is possible. In platform upgrade 2025.1 the collapsible form is introduced, triggered by the tabpage option.
However, there is no option to hide the clickable part of the collapsible form. I want the layout to be the same, without the blue bar.
Tab pages create collapsible forms with a clickable part (light blue bar)
It would be nice to have the option to keep the layout of tab pages in Universal and hide the clickable part.
One way to implement this, is to create a checkbox in Subjects → Component → Form. When selected (by default) the clickable part is shown and the form can be collapsed. When the checkbox is empty, the clickable part is not shown, the form is not collapsible, but the layout is the same.
An option to hide the collapsible form can be implemented in this section.
Kind regards,
Rick
Page 1 / 1
@rickwenning Without prescribing too much how our Developers should implement this change, but how about changing the newly added ‘Default expanded’ checkbox to e.g. a Domain with Elements that could have the following options?
Default expanded - collapsible
Default collapsed - expandible
Default expanded - not collapsible
Hide section bar - not collapsible
The 4th option would then cover your Idea, the 3rd option would be a way to prevent users from being able to collapse in the first place.
On the topic of Collapsible form sections, I’m also curious to hear your opinion on this Idea:
@rickwenning Without prescribing too much how our Developers should implement this change, but how about changing the newly added ‘Default expanded’ checkbox to e.g. a Domain with Elements that could have the following options?
Default expanded - collapsible
Default collapsed - expandible
Default expanded - not collapsible
Hide section bar - not collapsible
The 4th option would then cover your Idea, the 3rd option would be a way to prevent users from being able to collapse in the first place.
On the topic of Collapsible form sections, I’m also curious to hear your opinion on this Idea:
Hi @Arie V, adding a domain/drop-down with these options would greatly enhance the customizability of the (collapsible) form.
Regarding Freddy's idea, I think automatically collapsing forms based on customizable logic (e.g. layout functionality) would be great. I upvoted this idea as well.
Is it safe to assume that you only want to remove this visual segment when the section does not have a title?
Is it safe to assume that you only want to remove this visual segment when the section does not have a title?
Yes, that is it exactly.
We’ll look into this further; for now, here’s a bit of custom CSS that does exactly that:
Note that it’s not based on official CSS classes, it has to be verified on Universal releases.
Thanks @Anne Buit, this works like a charm!
@rickwenning, regarding the option to remove the collapse controller when no title is given for that ‘Field on next tabpage’, the current work around doesn't show a divider.
Before the collapsible form sections, Universal did show a divider between ‘Field on next tabpage’ sections.
Because you are specifically referring to the layout of your form and the desire to remove the collapse bar; is a different visual dividing element something you'd still expect between sections (like a divider line or empty space to emphasize a section)?
@rickwenning, regarding the option to remove the collapse controller when no title is given for that ‘Field on next tabpage’, the current work around doesn't show a divider.
Before the collapsible form sections, Universal did show a divider between ‘Field on next tabpage’ sections.
Because you are specifically referring to the layout or your form and the desire to remove the collpase bar; is a different visual dividing element something you'd still expect between sections (like a divider line or empty space to emphasize a section)?
@Bart Metselaar I think a divider line would enhance the UX. However, the group title is also a divider.
If possible, a dropdown option to select which kind of divider (none, line, collapsible) would be great.
Under review→Planned
Is it safe to assume that you only want to remove this visual segment when the section does not have a title?
We'll basically implement this as default behavior in the Universal UI: if the Section has no title (Tab page label is null), we will remove the Section header bar.
Planned→Working on it!
Maybe I shouldn't jinx it, but this change might even make it to next week’s Universal release candidate already! Go @Leroy Witteveen and @Alexandra Egri
Working on it!→Next release
We will be releasing this with the release expected on the 7th of July.
I created a css script that comes closer to the current situation, and I think that a section separation without text should remain visible as a line like it is now.
The problem with this solution is that using the accordion feature on some pages becomes difficult.
Prefixing everything with for example
[data-tab-id]:not([data-tab-id^="ams_"])
Makes it possible to use the feature where you want it, and keep the current state for now where you don’t want it, but it will probably break in a future release.
