Add username and password in LightSwitch modal window Application

In this article you will see how to create username and password in modal window in LightSwitch Application.


Visual Studio LightSwitch is a Microsoft tool ,which is used for build the business application. If you want add user and word in modal window in LightSwitch application then you can do .

Step by step solution for create Username and word in Modal window.

Step 1 : Open visual studio LightSwitch->Create new table.

image1.png

Step 2 : Create table like as subscriber.

image2.png

Step 3 : Now we will add screen. Right click on screens->Add screen.

image3.png

Step 4 : Select editable grid screen->Select screen data (Subscriber)->Ok.

image4.png

Step 5 : Now add new group.

image5.png

Step 6 : Expand group->Select modal window.

image6.png

Step 7 : Move username and word from screen to modal window.

image7.png

Step 8 : Change group name and unmark isvisible.

image8.png

Step 9 : Add data item->Local property->Type (string)->Name (ReEnteredNewword)->Ok.

image9.png

Step 10 : Now move ReEnyeredNewword from screen to modal window.

image10.png

Step 11 : Again add data item->Local property->Type (Subscriber)->Name (NewSubscriber)->Ok.

image11.png

Step 12 : Right click on add in commandbar->Select override code.

image12.png


Code

  using System;
  using System.Linq;
  using System.IO;
  using System.IO.IsolatedStorage;
  using System.Collections.Generic;
  using Microsoft.LightSwitch;
  using Microsoft.LightSwitch.Framework.Client;
  using Microsoft.LightSwitch.Presentation;
  using Microsoft.LightSwitch.Presentation.Extensions;
  namespace LightSwitchApplication
  {
      public partial class EditableSubscribersGrid
  
    {
              
          partial void gridAddAndEditNew_Execute()
          {
              // Write your code here.
  
            this.OpenModalWindow("AddSubscriber");
          }
      }

}

Step 13 : Run application (Press F5).You will see a new window of username and word.

image13.png

Step 14 : If you want add and edit username and word then you can do.

Code

  using System;
  using System.Linq;
  using System.IO;
  using System.IO.IsolatedStorage;
  using System.Collections.Generic;
  using Microsoft.LightSwitch;
  using Microsoft.LightSwitch.Framework.Client;
  using Microsoft.LightSwitch.Presentation;
  using Microsoft.LightSwitch.Presentation.Extensions;
  namespace LightSwitchApplication
  {
      public partial class EditableSubscribersGrid
  
    {
          partial void gridAddAndEditNew_Execute()
          {
              // Write your code here
  
            NewSubscriber = new Subscriber();
              ReEnteredNewword = String.Empty;
              this.OpenModalWindow(ADD_SUBSCRIBER_WINDOW);
              this.FindControl(ADD_SUBSCRIBER_WINDOW).ControlAvailable +=
               new EventHandler<ControlAvailableEventArgs>(NewSubscriber_WindowAvailable);
          }
      }
  }

Step 15 : Run application (Press F5). Now you can add and edit username and word. 

image14.png