Add New Item in LightSwitch HTML Application

Here you will see how to add a new item to an existing LightSwitch application.

Introduction

LightSwitch is an application generator that builds data-driven applications. It's model-driven so in principle it could generate other kinds of clients, such as HTML5 or Windows 8 Metro and the best thing about LightSwitch is that much of the repetitive work is done for you, and in fact, you can create a LightSwitch application without writing any code at all.

Let's start by adding a new item.

In Visual Studio 2012 go to "File" and create a new project.

Choose "LightSwitch HTML Application".

1.jpg

Image 1

In Solution Explorer right-click on "HTML Client" and add a new browser screen.

2.jpg

Image 2

3.jpg

Image 3

When you create a new browser screen it will open and shows as in the following and in the left area you will see the blank area:

4.jpg

Image 4

If you have already added a data source then your area will show the table values, as in:

5.jpg

Image 5

Now choose "Add List" and click on the selected item.

6.jpg

Image 6

7.jpg

Image 7

Now simply drag and drop the item from the left side list to the right side area.

8.jpg

Image 8

That's it; your new item is successfully added.

Thanks
 

Up Next
    Ebook Download
    View all
    Learn
    View all