CollapsableGroup

CollapsableGroup is an extension of [StackLayout]

Purpose

Creates a composite control that can be minimized or maximized by the user so that they can hide/show any currently un-needed data.
Usually used to section large forms.

Requirements

A CollapsableGroup must have two subgroups within it, a heading section and the content section. Both the heading section and the content section needs to be some type of layout container ( Group/[StackLayout]/[AutoSizeGroup] etc). Usually the heading section will include a text-box for the title of the Group.
A typical structure for a CollapsableGroup is:

The first child of CollapsableGroup is assumed to be the header section, and will be automatically styled accordingly.
Only the first [TextBox] element found in the header section will be positioned like the collapsibleHeaderTitle element is in Branding/Default Branding. The rest of the [TextBox] elements found will have the same style as collapsibleHeaderTitle.

Parameters

Parameter	Type	Description	Default
fitToControl	boolean	if false, use the default size of the control found in Default Branding or in Branding. if true, the control should be the same dimensions as found on the current form.	false
useSubSectionStyle	boolean	if false, use the bigger, standard CollapsableGroup style. if true, is the smaller sub-section style. (both styles can be found in Branding or Default Branding)	false

Style-able Elements

Styles used when `useSubSectionStyle = false`. The width of this section is also used when `fitToControl = false`

Name in Default Branding	Type	Used For
collapsibleSectionHeader	Group	default CollapsableGroup style
underline	Box	element that defines style for the background/long line section of the CollapsableGroup header
button	Button	defines style for the collapse/expand button found on the right hand side of the header element
collapsibleHeaderTitle	TextBox	defines style of the title element in the header, also defines position for the first TextBox element found in the header section

Styles used when Styles used when `useSubSectionStyle = true`. The width of this section is also used when `fitToControl = false`

Name in Default Branding	Type	Used For
collapsibleSubSectionHeader	Group	default CollapsableGroup style for sub groups. This style is meant to be an option for when you are nesting CollapsableGroups and wish to add a visual hint to your users of that structure
underline	Box	element that defines style for the background/long line section of the CollapsableGroup header
button	Button	defines style for the collapse/expand button found on the right hand side of the header element
collapsibleHeaderTitle	TextBox	defines style of the title element in the header, also defines position for the first TextBox element found in the header section

Additional Information

Styling guidelines for this control can be found at Form Layout & Appearance Guidelines.