Skip to main content

Hi all,

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

@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:

.MuiButtonBase-root.MuiAccordionSummary-root.Mui-expanded:not(:has(.MuiAccordionSummary-content span:not(:empty))) {
display: none;
}

Note that it’s not based on official CSS classes, it has to be verified on Universal releases.


NewUnder review

We’ll look into this further; for now, here’s a bit of custom CSS that does exactly that:

.MuiButtonBase-root.MuiAccordionSummary-root.Mui-expanded:not(:has(.MuiAccordionSummary-content span:not(:empty))) {
display: none;
}

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!