Articles → Light Switch 2011 → Runtime Customization Of Application UI Using Design Screen In Lightswitch 2011

Runtime Customization Of Application UI Using Design Screen In Lightswitch 2011






Software Requirement




  1. Visual studio 2010 is installed on your machine.
  2. Visual Studio 2010 service pack 1 is installed on your machine.
  3. Microsoft Visual Studio Light switch 2011 is installed on your machine.
  4. Silverlight runtime version 4 or 5 is installed on your machine

Prerequisite Knowledge




  1. How to create project using visual studio?
  2. How to create tables in lightswitch?
  3. How to create screens in lightswitch?

Runtime Customization And Its Benefits







Steps Of Execution




  1. Creation of new project
  2. Creation of new table
  3. Creation of new data screen
  4. Change UI element using design screen



Creation Of New Project




Picture showing the project structure of the lightswitch application in the solution explorer

Click to Enlarge


Creation Of New Table




Picture showing the design view of the SampleTable

Click to Enlarge


Creation Of New Data Screen




Picture showing the popup screen for adding a new data screen

Click to Enlarge



Picture showing the screen and data table added in the project

Click to Enlarge


Change UI Element Using Design Screen




Picture showing the design screen button in the lightswitch application

Click to Enlarge





Picture showing the message for the unsaved data on the screen

Click to Enlarge



Picture showing the design screen for the runtime customization

Click to Enlarge





Picture showing changing the caption name of the textbox

Click to Enlarge



Picture showing the changes done is reflected on the screen

Click to Enlarge



Picture showing the asterisk(*) sign after the file name that signifies the unsaved changes

Click to Enlarge




Posted By  -  Karan Gupta
 
Posted On  -  Wednesday, July 24, 2013

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250