Section collapse button on the left?

Hello,

Is that possible to add 3 features to collapse functionality ?

  1. select place of the default “expand/collapse” button (full left, after the title, full right)
  2. option to collapse when user click (or double click) on the title bar
  3. option to make “Variable-based collapse state” reactive to the state produced by the default “expand/collapse” button

3rd feature is to solve something to sound like a bug. Explanation: When I create a hand-made “collapse/expand” button to locate it on the left of the section’s tilte bar, the default button stay visible on the right (because title bar is not hidden). And when user collapse by using the button on the right my hand-made button do not change state.

I found a work around by setting “icon to expand” and “icon to collapse” with “blank” icon. It is not completlly satisfaing becasue mouse overing effect is still active but it can do the job.

Hey @gdf, as a slightly better workaround, you could use section conditional visibility instead of a collapsible section. Then within that conditionally visible section you can add another section with a header.

Conditional visibility is only controlled by the variable, so you don’t run into the duplicated state issue of collapse state. We may attempt to unify this state in the future to only be backed by the variable (and still offer events for convenience) but would want to make sure we don’t accidentally break any existing behavior by fixing this outright.

1 Like