Add and Edit Text in LightSwitch 2012

Here we will see how to add text on a Screen using LightSwitch Visual Studio 2012.

The following is the procedure for adding text on a Screen.

Step 1

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



Right-click on Data Sources and choose "Add Table".



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



Step 2

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



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



The Screen Designer appears as shown below.



Step 3

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



Step 4

Stop debugging the application.Once again go to the Screen Designer, under the data grid click on "Add", a drop down list will appear.



Select "Add Text" from the drop down list.



We will notice that the Edit text dialog box will appear on the Screen. In the dialog box enter the text that you want to display on the screen and click "OK" to accept the text.



Step 5

Now, if you want to do some editing in the text then go to the property window; there is an "Edit Text" hyperlink in the Appearance section.



Once again press F5 to run the application. Note that the text will be added to the footer section of the Screen.