Collapse
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package '') Extends designtime/SolutionModel: Extends runtime:
A Collapse Component that groups multiple collapsible panels.
This is a reference page; many components have detailed usage guides .
Determines whether the collapse component behaves in accordion mode (only one panel open at a time). Type: Default Value: true
An array of collapsible objects contained in this component. Type:
An array of indices representing which collapsibles are currently expanded. Type:
CSS style classes applied to the collapse component container. Type:
Called when a card within a collapsible is clicked.
Parameters:
Called when a collapsible is hidden.
Parameters:
Called when a collapsible is shown.
Parameters:
Called when a header of a collapsible is clicked.
Parameters:
Called when a header of a collapsible is double-clicked.
Parameters:
Adds a new collapsible to the list of collapsibles of this Collapse component
Parameters:
Creates a new card that can be added to any collapsible's cards array
Parameters:
Creates a new collapsible that can be added to the Collapse component using addCollapsible
/ setCollapsibles
Parameters:
Returns the card with the given index
Parameters:
Returns the card with the given ID
Parameters:
Returns the collapsible with the given index (0 based)
Parameters:
Returns the collapsible with the given ID
Parameters:
Hides the collapsible at the given index (or the first/only one, if no index is given)
Parameters:
Returns whether the collapsible at the given index (or the first one if no index is provided) is collapsed
Parameters:
Removes all collapsibles. It will also hide the forms that are showing on any of the collpsibles.
If one of the collapsibles has a form showing that denies hide, the removeAllCollapsibles operation will stop and return false. In this case, all collapsibles that had forms and were hidden so far will still be in the collapsible array but they will be 'collapsed'.
Remove the collapsible with the given index (the index is 0 based) or the first collapsible if no index is given. If the collapsible was showing a form, it will hide that form as well.
Parameters:
Removes the collapsible with the given ID. If the collapsible was showing a form, it will hide that form as well.
Parameters:
Sets all collapsibles of this Collapse component
Parameters:
Shows the collapsible at the given index (or the first/only one, if no index is given)
Parameters:
Toggles the collapsible at the given index (or the first/only one, if no index is given)
Parameters:
Represents a card within a collapsible. scripting type: CustomType<servoyextra-collapse.card>
cardId
Unique identifier for the card.
contentHtml
HTML content displayed inside the card.
form
Optional form associated with the card.
Default Value: ""
maxResponsiveHeight
Maximum responsive height for the card.
Default Value: null
minResponsiveHeight
Minimum responsive height for the card.
Default Value: null
styleClass
CSS style classes applied to the card.
Represents a collapsible element within the Collapse component. scripting type: CustomType<servoyextra-collapse.collapsible>
bodyStyleClass
CSS style classes applied to the collapsible body.
cards
An array of card objects contained within the collapsible.
collapsedIconName
Icon name displayed when the collapsible is collapsed.
Default Value: "fa fa-2x fa-angle-down"
collapsibleHtml
HTML content for the collapsible body.
Default Value: ""
collapsibleId
Unique identifier for the collapsible.
expandedIconName
Icon name displayed when the collapsible is expanded.
Default Value: "fa fa-2x fa-angle-up"
form
Optional form to be displayed within the collapsible.
Default Value: ""
headerHtml
HTML content for the header of the collapsible.
Default Value: ""
headerStyleClass
CSS style classes applied to the collapsible header.
Default Value: ""
iconLocation
Location of the icon relative to the header (e.g. LEFT, RIGHT, HIDDEN).
Default Value: "RIGHT"
maxResponsiveHeight
Maximum responsive height for the collapsible.
Default Value: null
minResponsiveHeight
Minimum responsive height for the collapsible.
Default Value: null
relationName
Relation name used to associate the collapsible with data.
styleClass
CSS style classes applied to the collapsible container.
Default Value: ""
Tab sequence order for keyboard navigation. Type:
Flag indicating whether the collapse component is visible. Type:
{} event The event object associated with the card click.
{} card The card that was clicked.
{} collapsible The collapsible containing the card.
{} cardIndex The index of the clicked card.
{} collapsibleIndex The index of the collapsible.
{} dataTarget The data target identifier for the card.
{} event The event object associated with the hide event.
{} collapsible The collapsible that was hidden.
{} collapsibleIndex The index of the hidden collapsible.
{} event The event object associated with the show event.
{} collapsible The collapsible that was shown.
{} collapsibleIndex The index of the shown collapsible.
{} event The event object associated with the header click.
{} collapsible The collapsible whose header was clicked.
{} collapsibleIndex The index of the collapsible.
{} dataTarget The data target identifier for the header.
Returns: {}
{} event The event object associated with the header double-click.
{} collapsible The collapsible whose header was double-clicked.
{} collapsibleIndex The index of the collapsible.
{} dataTarget The data target identifier for the header.
Returns: {}
{} collapsible The collapsible object to be added to the Collapse component.
{} [index] The 0-based index at which to insert the new collapsible. If not provided, the collapsible is added at the end.
{} [textOrHtml] The text or HTML content to be displayed inside the card.
{} [cardId] The unique identifier for the card. If not provided, an ID may be generated automatically.
{} [styleClass] A custom style class to apply to the card for styling purposes.
Returns: Returns a newly created card object with the specified content, ID, and style class.
{} [headerHtml] The HTML content to be used as the header of the collapsible.
{} [collapsibleId] The unique identifier for the collapsible.
Returns: Returns a newly created collapsible object with the specified header and ID.
{} cardIndex The index of the card to get (0 based)
{} [collapsibleIndex] If not given, the first collapsible is used
Returns: The card or null when not found
{} cardId The unique identifier of the card to retrieve.
Returns: Returns the card object with the specified ID, or `null` if the card is not found.
{} index If not given, the first collapsible is used
Returns: The collapsible or null when not found
{} [collapsibleId] If not given, the first collapsible is used
Returns: The card or null when not found
{} [index] TTe index of the collapsible to hide
{} [index] The 0-based index of the collapsible to check. If omitted, the method checks the first collapsible.
Returns: Returns `true` if the specified collapsible (or the first one by default) is collapsed, otherwise `false`.
Returns: `true` if all collapsibles were removed successfully; `false` if one of the collapsibles had a form which denied hide.
{} [index] The index of the collapsible to remove; if not given, the first collapsible is used
Returns: True if the collapsible at the give index (or 0 if not given) was removed; false if index is out of bounds or if the form shown by this collapsible denied hide.
{} collapsibleId The id of the collapsible to remove.
Returns: True if the collapsible with the given id was removed; false if collapsibleId is not given, not found or if the form shown by this collapsible denied hide.
{} collapsibles An array of collapsible objects to set as the complete list of collapsibles for the Collapse component.
{} [index] The index of the collapsible to show
{} [index] The index of the collapsible to toggle
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type: