Load Multiple Columns in Auto Complete Dropdown in LightSwitch 2012

In this article you will learn how to show multiple columns in a single dropdown list in LightSwitch 2012.

Getting Started

Use the following to create the project:

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

First of all attach a data source, or you can create a new table; this is my table data:



Image 1.

Now click on "category1" and spread the dropdown and select "Command Bar" and now select "cagetory1" and spread the drop down and select "column layout".



Image 2.

Now run the application to see the output.



Image 3.

As you can see, the category 1 drop down list has category name and description. Now let's do a little bit of formatting so I will see the full description.

Click on the description column and go to the Property window and set the property to auto.



Image 4.

Now again hit F5 to see the output.



Image 5.