Creating a Popup in LightSwitch Visual Studio 2012

Creating a Popup in LightSwitch Visual Studio 2012

In this article I describe how to create a popup for a LightSwitch Application.

A popup temporarily appears on top of a screen, and users close a popup by clicking anywhere outside it. You can create multiple popups for any screen, but you can't share them between screens.

Steps for Creating a Popup

Step 1

Open the Solution Explorer.

solu explo.jpg

Step 2

In Solution Explorer, open the HTML client screen for which you want to create a popup.

htmlscreen open.jpg

Step 3

The Screen Designer appears.

designer.jpg

Step 4

In the Screen Designer, right-click on the popups node and choose "Add popup".

popup.jpg

Step 5

After adding a popup, the Screen Designer consists of the popup and looks like this as shown:

popup1.jpg

Step 6

Open the properties window.

popup prop.jpg

Step 7

In the properties window, you can give the popup a name.

popup prop1.jpg

Step 8

Now the Screen Designer consists of that popup name that you provided.

desig.jpg