Page Id

LineSeparator

Description

Line separator nodes are used to include collapsible sections in a web panel generated using K2BTools. This can be used to group semantically related attributes, specially if the data can be regarded as optional. At Run-Time, the user can choose to show or hide the controls contained in this node.

If the intention is to group attributes, but it is preferred that the section remains open, removing the possibility of collapsing, a Group node can be used.

Runtime appearance

In the following examples a Line Separator was used to separate basic filters (such as "Customer"), from advanced filters (such as "From Date" or "To Date").


Appearance when opened


Appearance when closed

Properties

Category	Name	Value
General	Line Separator Title	Text to be shown as the control's title
	Tooltip	Text to be shown as a tooltip when hovering the control's title. Note: Only available when not generating with Responsive Web Design.
	Start Collapsed	Determines if the line separator will be rendered as collapsed or not when first opening the web panel
	Responsive Sizes	Determines the layout of the items contained in this control according to the screen size of the device used in runtime. For more information, see Introduction to Responsive Web Design and Responsive Sizes Properties.
Theme	Label Class	Theme class to be used when rendering the control's title, in the case that this control holds no children, and is used as a mere separator (with no collapse functionality). Note: Only available when not generating with Responsive Web Design.
	Label Close Class	Theme class to be used when rendering the control's title when it has at least one child, and is collapsed. Note: Only available when not generating with Responsive Web Design.
	Label Open Class	Theme class to be used when rendering the control's title when it has at least one child, and is open. Note: Only available when not generating with Responsive Web Design.
	Section Class	Theme class to be used when rendering the section containing the line separator, in the case that this control holds no children, and is used as a mere separator (with no collapse functionality). Note: Only available when not generating with Responsive Web Design.
	Section Open Class	Theme class to be used when rendering the section containing the line separator when it has at least one child and is open. Note: Only available when not generating with Responsive Web Design.
	Section Close Class	Theme class to be used when rendering the section containing the line separator when it has at least one child and is collapsed. Note: Only available when not generating with Responsive Web Design.
	Section Content Open Class	Theme class to be used when rendering the section containing the line separator's content when open. Note: Only available when not generating with Responsive Web Design.
	Section Content Close Class	Theme class to be used when rendering the section containing the line separator's content when collapsed. Note: Only available when not generating with Responsive Web Design.

Child nodes

Note: The table below contains the complete set of possible children. Some nodes may not be available in all scenarios.