Section default collapsed/expanded

Hi devs,

Would it be possible to set a default for a parametrization section to be collapsed or expanded when opening a new page?

Kind regards,
Nino

1 Like

Hi Nino,

Thank you for your question. Currently, it is not possible to set the state of the section (open/collapsed). The state of the section is determined based whether it is the first section of a page/step or not, with the first section by default being open, and the rest being collapsed.

Could you explain why you would like this to be customizable for your case?

Hi Marcel,

Basically just clarification for the user.


As can been seen in the current app design, because i am using sections on the first page, i cannot put anything ā€œoutsideā€ of section e.g. a welcome/explenation text, which i want to be open when starting the app and the reason i put it first.

On the right(view) a graph is visualized with default data (in the future), but i want to make it really clear where to upload and activate a custom data graph. Thus, i’d like to set the section standard to be expanded for the particular section.

Its not a really big deal, but it could also help me on other pages to kind of represent important params(expanded) and less important params(collapsed), with less important i mean params with default values that will suit most usecases.

Kind Regards,
Nino

Hi all,

I agree with Nino that this would be a nice addition. It can be especially useful to indicate which parameters are (not) important.

Best,
Martijn

Thank you for the thorough explanation. This helps us to better understand the limitations, and to improve upon it. I’ve changed this support question to a feature request.

A workaround would be to use a flat parametrization, and making fields visible through toggles that can switch the visibility of the parameters that are less important. I understand that this approach is not ideal, but could maybe help in your case for the moment.

1 Like

In our case, we have a checklist and we have grouped questions together according to their topic.

It would be nicer to have all the sections open and ready to read. Right now, the user has to open each section to read the question. Which is not a big deal, but for a nice UI/UX experience ideally we want to have it open upon page init for a smoother experience.

It would help us also, for that reason we normally do NOT use Sections, but if it is possible to have either a mix of sections / fields or control which sections are visible. That might change. Nice request!

We are looking into picking this up and consider making it configurable per section, but I’m wondering what the default should be (what’s the behavior if you don’t add any argument on the Section?). Currently the default is ā€˜first-section’ expanded. Should we change this? If so: how?

@HEnino23, @PanjiBrotoisworo, @Johan_Tuls, @martijnkriebel

  • (don’t change) first-section expanded
  • All sections expanded
  • All sections collapsed
  • other
0 voters

The current behavior should remain the same.
But give each section an optional argument. Start_expanded. If true the section starts expanded. Else collapsed.

1 Like

@Wichard preference from WSP?

Good news, we have started the development of this feature, giving you more flexibility over the collapsed/expanded state of the section :partying_face:

Will post here again when it is available

This feature is now supported in SDK v14.21.0:

1 Like

@Bayo, @pszi.terv, @jzogala, @Jon, @m.greig, @amy.jxz, @rohith007, @PanjiBrotoisworo, @benjames.karl, @Fanny, @wouterhouzr, @marliesbuijs, @DmcnELis, @Johan_Tuls, @rkg, @twj, @aoica, @mweehuizen: this feature is released :partying_face:

1 Like

Thanks @bvanderhulst and @matthijs Great work!!!

1 Like

yes it works great! Thanks

@mathijs is there a way to make the section title look like Header 1? # or Text or is that not possible?

No not possible at the moment, we only covered the expansion. Could you explain what problem this would solve?

It isn’t part of the issue in this thread.
But in many cases I would like to start with all Secitons Expanded.
However due to the regular font / light grey style of the section the structure isn’t that obvious. Which would be better is the Section Title was written in like h1, h2 or h3 or just bold.

That way it is possible to draw attention to those sections that require attention.

1 Like

That way it is possible to draw attention to those sections that require attention.

Do you want to distinguish between different sections? Or do you want to make clear that a new section has started?

In other words: is this something you want to control or just changing the global styling of section titles?

Looking at it, it is indeed not very clear where new sections start

@matthijs
The fact that markdown header syntax for Sections (#, ##, ###) is not supported currently is (also) preventing us from implementing Sections more extensively, even though we really like the initially_expanded features. I think the sections look too much like regular text. This also applies to the output fields, they are unclear in formatting currently and not easily distinguished from regular input fields.

1 Like