BPC-Components

Home > Products > BPC PowerForms - Silverlight > Knowledge Base > Designer > Setting Column Span / Row Span for Controls

Setting Column Span / Row Span for Controls

A newly added feature in Power Forms Designer allows the user to easily modify a control's column / row span using the designer view. Using buttons placed on the control, the user can easily and effectively design the look of a control and subsequently, the entire form.

 

Hovering over a control causes four buttons to appear on the top right corner.  Each of these buttons represents the direction in which the user wants to expand or contract the size of the control. The only restriction set while modifying is that a control will always occupy at least one column and one row.

 

Pressing the right arrow increases the number of columns occupied by the control. Pressing the left button decreases the number of columns occupied by our control.

 

Saving our changes, the control's appearance will be as follows:

 

 

 

Pressing the down arrow increases the number of rows occupied by the control, relative to the other controls residing on the form.

 

 

However, this will not increase the actual size of the control. To increase the size of the control, you still have to enter a value as height in the layout properties of the control.

 

For example, our form contains 5 labels occupying 5 rows on the left side of our form and one textbox occupying one row on the right side. Our goal is to have all 5 labels stacked on the left side of our textbox. The textbox is of height 100. The Form described looks like the following image:

 

 

Aesthetically, our form is in a state of disorderliness. To rectify the situation, we enter the form's designer.

 

Pressing on the Down Arrow, increases the number of rows occupied by the Textbox.

 

Saving our changes, our form will now look like the picture below: