Adding Custom Control to the Screen in LightSwitch Visual Studio 2012

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


Similar Articles