Adding Custom Control to the Screen in LightSwitch Visual Studio 2012
This article describes how to add a custom control to a screen in LightSwitch Visual Studio 2012.
Procedure for adding a custom control to a screen
Step 1
Open the Solution Explorer.
![solu explo.jpg]()
Step 2
In Solution Explorer, right-click to open the HTML client screen.
![browsetabopen.jpg]()
Step 3
The Screen Designer appears.
![designers1.jpg]()
Step 4
In the Screen Designer, choose "Add List".
![Add Selected item.jpg]()
Step 5
In the Screen Designer the drop down list appears.
![Add Selected item.jpg]()
Step 6
In the Screen Designer, click on the selected item.
![rowlayoutselected.jpg]()
Step 7
On the Screen Designer toolbar, go to "Add Layout Item list".
![add layout.jpg]()
Step 8
When we click on Add Layout Item List a dropdown list appears.
![add layout item list.jpg]()
Step 9
Then choose the custom control from the list.
![add layout item list.jpg]()
Step 10
The Add Custom Control dialog box appears. After specifying the data for the new custom control click "OK".
![add custom ctrl.jpg]()
Step 11
Now the Screen designer appears as in the following manner.
![new src designer.jpg]()