Adding a Tab to a Screen in LightSwitch Visual Studio 2012

Adding a Tab in LightSwitch Visual Studio 2012

In this article describe how to add a tab to a screen in LightSwitch Visual Studio 2012.

Steps for adding a Tab to a screen

Step 1

Open the Solution Explorer.

solu explo.jpg

Step 2

In Solution Explorer, open the HTML client screen to which you want to add a Tab.

htmlscreen open.jpg

Step 3

The Screen Designer appears.

designer.jpg

Step 4

In the Screen Designer, expand the "Tabs" Node and choose "Add Tab" (click on "Add" and choose "New Group").

addtab.jpg

Click on the "Add" Dropdown List of the tab and select a New Group.

add new group.jpg

New Group appears as Group1.

group1 add.jpg

Step 5

Open the Properties window.

groupprop.jpg


In the Properties window, choose the Group property, and then enter a name for the tab.

prop name.jpg

Step 6

Choose the Display Name property, and then enter the name that will appear on the tab.

prop dis.jpg

Step 7

In the Screen Designer, open the Add list and click on "Selected Item".

selected item.jpg


The Screen Designer will Look like this:

last.jpg


Similar Articles