Adding a Group of Information to a Screen in LightSwitch Visual Studio 2012

Adding a group of information to a screen in LightSwitch Visual Studio 2012

In this article I describe how to add a group of information to a screen in LightSwitch Visual Studio 2012.

Procedure for adding a group of information 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 group of information.

htmlscreen open.jpg

Step 3

The Screen Designer appears.

designer.jpg

add new group.jpg

group1 add.jpg

designer group.jpg

Step 4

In the Screen Designer, go to Add Layout item and choose Group.

add layout.jpg

Step 5

A new Group appears.

newgroup.jpg

Step 6

In the Properties window, in the Name text box, enter a name for the group. 

menuprop.jpg

After naming the group, Screen Designer will look like this:

menugroup.jpg

Step 7

In the Screen Designer, open the Add list, and then choose the items that you want to display in a group.

output10.jpg

After clicking on the selected item we get:

output11.jpg