Specifying How to Add a Screen Data Using LightSwitch 2012

Here we will see how to add Screen Data using LightSwitch in Visual Studio 2012.

Procedure for how adding Screen Data in a LightSwitch Application.

Step 1

Open the LightSwitch Application in Visual Studio 2012 and go to the Solution Explorer.

sol exp.jpg

Right-click on the Data Source and choose "Add Table".

Add table.jpg

The table appears in the table designer window. Insert the records in the following table.

employee.jpg

Step 2

Now once again go to the Solution Explorer, right-click on Screens and choose "Add Screen".

Add src.jpg

The Add New Screen dialog box appears. Select the "Editable Grid Screen" from the Screen Template, under screen information, choose "Employee" under screen data and provide a name to the Screen and click the "OK" button.

editable.jpg

The Screen Designer appears as shown below.

src desi.jpg

Step 3

Press F5 to run the application. Add a new item to the list.

output1.jpg

Step 4

Stop debugging the application.

Once again go to the screen designer, under Row Layout click "Add", a drop down list will appear.

other screen data.jpg

Choose the "Other Screen Data...." option from the drop down list. We will notice that the another Data Screen will be added.

The Add Screen Data dialog box appears on the screen as shown below.

add src data.jpg

Specify the screen data you want to add and please specify the full path and click the "OK" button.

screen.employees.jpg

Step 5

The data will be added to the screen designer as shown.

app desi new.jpg

Once again press F5 to run the application. Another data screen will be added as shown below
.

app1 out.jpg