LineSeparator

LineSeparatorIcon 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").

LineSeparatorRuntimeOpen
Appearance when opened

LineSeparatorRuntimeClose
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 Using 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.

ActionsIcon Actions   GroupIcon Group   ColumnsIcon Columns
TabsIcon Tabs   LineSeparatorIcon LineSeparator   AttributesIcon Attributes
WebComponentIcon WebComponent   EmbeddedPageIcon EmbeddedPage   GridIcon Grid (WPD)
FreeStyleGridIcon FreeStyleGrid   MultipleSelectionIcon MultipleSelection   UserRegionIcon UserRegion
QueryViewerNode QueryViewer   TextblockIcon Textblock   ImageNode Image
AttributeIcon Attribute   VariableIcon Variable   SDTIcon SDTVariable