Reader Level:
Articles

ComboBox in XAML

By Rahul Saxena on January 06, 2009
ComboBox is the most useable control in programming. In .NET 3.0 it is different from all previous version of .NET.
  • 0
  • 0
  • 21241
Download Files:
 

The element represents a ComboBox in XAML. A ComboBox is a collection of ComboBoxItems represented by element in XAML. Here in this article I am going to show that how we can create ComboBox and how we can add item in the ComboBox.  By default, the ComboBox height and width is full screen. In a ComboBox we can use CheckBox item, Images etc.

The following window1.Xaml code is showing that how we can create the ComboBox and add item in that ComboBox.

<Window x:Class="XAMLComboBox.Window1"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="XAMLComboBox" Height="300" Width="300"

    >

  <!--Here in ComboBox we find a property IsEditable if we set it as True the we can write anything inside the ComboBox-->

  <!--By Default the height and width of ComboBox is same as OPage Size So here we can set the height and width Property -->

  <ComboBox IsEditable="False" Width="150" Height="150">

    <!--From here I am adding the Item in ComboBox-->

    <ComboBoxItem FontSize="15">India</ComboBoxItem>

    <ComboBoxItem >USA</ComboBoxItem>

    <ComboBoxItem FontSize="15">England</ComboBoxItem>

    <ComboBoxItem FontSize="15">Switzerland</ComboBoxItem>

    <ComboBoxItem FontSize="15"></ComboBoxItem>    

  </ComboBox>

</Window>

The window will become look like as:



Figure 1.

We can also add images in a ComboBox. We can do it by using a ComboBox property. This window1.Xaml code is showing that how we can add images in a ComBox.

<Window x:Class="XAMLComboBox.Window1"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="XAMLComboBox" Height="300" Width="300"

    >

    <!--To add Images in ComboBox-->

    <!--Here in Image element we have to set height and Width property Otherwise Image will show in actual Size-->
    <ComboBox IsEditable="False" Width="150" Height="150">

    <Image Name="Image1" Source="1.jpg" Height="100" Width="100"/>

    <Image Name="Image2" Source="2.jpg" Height="100" Width="100"/>

    <Image Name="Image3" Source="3.jpg" Height="100" Width="100"/>

    <Image Name="Image4" Source="4.jpg" Height="100" Width="100"/>    

  </ComboBox>

</Window>

The window will become look like as:



Figure 2.

Rahul Saxena

Rahul Saxena shows great interests in working with Microsoft technologies. He specializes in the implementation of Data Base & Graphics. His area of expertise includes: C#, ASP.NET,ADO.NET,Windows Forms & Web Ser... Read more

COMMENT USING

Trending up