InputPanel Components Layout

Input components, by default, are stacked one per line. You can change the layout flow for the input components using the input element's InputComponent.Break property to determine how the layout should flow after each input element. The InputComponent.Break property has the following four settings to choose from:

None – The layout will not break the flow after the component.
Row – The default setting. Sets each component to be placed in a new row within the flow.
Column – Creates a new column after the component.
Group – Creates a new row starting below the current input component, at the left edge of the current group.
C1InputPanel provides two ways to specify the breaks for the input components:
If the Break property in the first component is set to None
Or
If an InputSeparator element exists between the input components

Indent sub-items within the InputGroup component

C1InputPanel also handles the layout for inner elements within the InputGroupHeader component. The InputGroupHeader components have a content area with padding, so inner elements are automatically indented.

Multiple Columns

Multiple columns can be created within a group using the InputSeparator component. By default, the InputSeparator is invisible when it's added to the C1InputPanel control, but can be made visible to create vertical or horizontal lines to break the controls into lines or columns. The following image illustrates the InputSeparator used to break the Label, Special, and the other Label, By, into columns:

$Description: C:\MyFiles\D2H2008Projects\WinForms\WinForms_C1InputPanel\Documents\Graphics\InputSeparatorsSettoColumn.png$

Align elements within a group

Additionally, the InputLabel component's Width property can be used to align elements within a group. When the label width is specified, the label wrap and its height are adjusted to fit the text.

$Description: C:\MyFiles\D2H2008Projects\WinForms\WinForms_C1InputPanel\Documents\Graphics\LabelWidthPropertyEx.png$