Creating a Spacing Scheme for Input Components

By default, the components added to a C1InputPanel control are in close proximity to one another. By setting the value of the ChildSpacing property, you can create a uniform spacing scheme for your panel.

Note: Once the ChildSpacing property is set, all components that you add to the page will conform to that setting. However, you can still change the spacing of individual components by manipulating their Padding property. For more information, see Arranging Input Components Using Padding.

Setting the ChildSpacing Property the Designer

To set the ChildSpacing property, complete these steps:

Click C1InputPanel's smart tag () to open the C1Input Tasks menu. Select Edit Items.
The C1InputPanel Collection Editor opens.
To add components to the panel, select them from the list box and then click Add. For this topic, we will add the following components to the panel:
- InputLabel
- InputTextBox
- InputCheckBox
- InputRadioButton
Click OK to close the C1InputPanel Collection Editor. Observe that your panel resembles the following image:
With C1InputPanel selected on the form, navigate to the Properties window and expand the node for the ChildSpacing Property. Observe that you can set the Width or Height of the property.
Set the Width of the ChildSpacing property to "20" and press ENTER. Notice that there is now a wider space between the components and their labels.
Set the Height of the ChildSpacing property to "20" and press ENTER. Notice that the vertical spacing between the components has increased.
Click C1InputPanel's smart tag () to open the C1Input Tasks menu. Select an InputRadioButton from the Add New Item drop-down list. Observe that the spacing of the new component adheres to the ChildSpacing property settings.

Setting the ChildSpacing Property Programmatically

To set the ChildSpacing property, complete these steps:

Import the following namespace into your project:

To write code in Visual Basic

Visual Basic	Copy Code
Imports C1.Win.C1InputPanel

To write code in C#

C#	Copy Code
using C1.Win.C1InputPanel;

To set the ChildSpacing property, add following code to the Form_Load event:

To write code in Visual Basic

Visual Basic	Copy Code
c1InputPanel1.ChildSpacing = New Size(20, 20)

To write code in C#

Run the program.