Using a GroupBox Control in LightSwitch Visual Studio 2012

How to use a GroupBox Control in LightSwitch using Visual Studio 2012

This article describes how to use a GroupBox Control in LightSwitch using Visual Studio 2012.

The following is the procedure for using a GroupBox Control in LightSwitch 2012.

Step 1

Open the Solution Explorer.

solution explorer.jpg

Step 2

In the Solution Explorer, right-click on the data source and choose "Add Table".

data src.jpg

Step 3

The table appears.

Step 4

In the Solution Explorer, right-click on the Screens and choose "Add Screen".

add screen.jpg

Step 5

Select the Add New Screen from the Screen Template. Under the Screen Information we provide the Screen Name and Screen Data and then click "OK".

add new screen.jpg

Step 6

The Screen Designer appears.

src des.jpg

Step 7

In the Screen Designer, click on the Add Button. From the drop down list select "New Group".

Step 8

The new Row Layout is added to the designer.

row layout.jpg

Step 9

Click on "Row Layout", a Drop Down List will appear, select the GroupBox option.

group box.jpg

Step 10

Adding elements under it creates new row elements within the Group Box.

selected item.jpg

Now we can add elements.

selected item list.jpg

Step 11

Go to the properties window.

prop win.jpg

A GroupBox Control can be displayed in two ways, with "All Border" and just with one Border (Top Border).

border list.jpg

Step 12

First, choosing the display "All Border" option in the property window, And then press F5 to run the application.

grp border.jpg

Step 13

Next, by selecting display "Top Border" in the properties window, and then pressing F5 to run the application.

top bder.jpg

Reactions