Getting Started LightSwitch HTML Client

LightSwitch HTML Client is the new HTML5 and JavaScript-based client that is an important companion to our Silverlight-based desktop client that addresses the increasing need to build touch-oriented business applications that run well on modern mobile devices. Visual Studio LightSwitch is the easiest way to create modern line-of-business applications for the enterprise, and with support for HTML5 and the new SharePoint Apps model, you can also now build SharePoint 2013 apps with LightSwitch.
You can download it from here : http://msdn.microsoft.com/en-us/vstudio/htmlclient.aspx

Getting Started

1. Open Visual Studio 2012.
2. Go to "File" => "New" => "Project..."
3. Select "LightSwitch" in installed templates.
4. Select "LightSwitch HTML Application (Visual C#)".
5. Enter the Name and choose the location.
6. Click "OK".

Image 1.

Now add some existing data or you can create new tables. Now it's time to add screens.


Image 2.


Image 3.


Image 4.

Now select a screen template and provide a screen name and choose screen data and click "OK". I am adding a browse data screen to show a list of items.


Image 5.

Now press F5 to see the output.


Image 6.

As you can see, all the items are showing in the list. If you want to change the format then simply change it like this:


Image 7.

The items will look like this in Tile List format:


Image 8.