Adding a Close Button in LightSwitch 2012

Here we will see how to add a Close Button on an Editable Grid Screen using LightSwitch Visual Studio 2012.

Procedure for how to add a Close Button on a Screen.

Step 1

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



Right-click on the 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 "Employee" under screen data and provide some 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.



We will notice that we have only two buttons "Save" and "Refresh".

The "Save" button saves all the data in the current screen.

The "Refresh" button refreshes all the data in the current screen.

Step 4

Stop debugging the application.

Once again go to the screen designer, under the Screen Command Bar click on "Add", a drop down list will appear.



Select the Close button from the drop down list. Note that the Close button will be added under the Screen Command Bar.



Step 5

Once again press F5 to run the application. Now see that the Close button has been added in the footer of the Screen.



The "Close" button is used to close the current screen.