ListBox Control For Windows 10

Introduction

ListBox presents a list of items the user can select from. ListBox lets users select from a pre-defined list of options presented as a text control. We use a ListBox when you want the options to be visible all the time or when users can select more than one option at a time. ListBox controls are always open, so several items can be displayed without user interaction.

In the following demo, we are listing some items using a ListBox from which the user can select and the selected will be shown in a TextBlock shown below and clicking the selected Item once more will also remove it.

Step 1

Open a blank app and add a ListBox control with some items and a TextBlock control either from the toolbox or by copying the following XAML code into your grid.

<StackPanel Margin="10,10,0,0">
<TextBlock Text="List Box" FontSize="20"></TextBlock>
<StackPanel Orientation="Horizontal" Margin="0,20,0,0">
<TextBlock Text=" Select your options" VerticalAlignment="Center"></TextBlock>
<ListBox Margin="10,0,0,0" Name="myListBox" SelectionMode="Multiple" SelectionChanged="myListBox_SelectionChanged">
<ListBoxItem Content="Item 1"></ListBoxItem>
<ListBoxItem Content="Item 2"></ListBoxItem>
<ListBoxItem Content="Item 3"></ListBoxItem>
</ListBox>
</StackPanel>
<TextBlock Margin="0,10,0,0" Name="selectedItems" Foreground="Green"></TextBlock>
</StackPanel>

6 Comments

Join the conversation! Your thoughts help the community grow.

??? ????10y ago
Hello how can I convert the c# lambda to vb.net thanks eli
Kuppurasu Nagaraj10y ago
Nice Ramees..
Sibeesh Venu10y ago
Nice Share
Ramees10y ago
Thanks :) I will add soon
Former member10y ago
Its good article. But, it will be better to add code solution file here also.
Anu V10y ago
good one

ListBox Control For Windows 10

Reactions

Introduction

6 Comments

Summary