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.
![table.jpg]()
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".
![add button.jpg]()
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]()