You can add any sort of arbitrary content to a C1DropDown control. This includes text, images, and other standard and 3rd-party controls. In this example, you'll add a Button control to a C1DropDown control, but you can customize the steps to add other types of content instead.

In XAML

For example, to add a Button control to the drop-down add <Button Height="23" Name="button1" Width="75">Hello World!</Button> within the <Xaml:C1DropDown> tag so that it appears similar to the following:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Name="LayoutRoot">
        <Xaml:C1DropDown Xaml:C1NagScreen.Nag="True" >
            <Xaml:C1DropDown.Content>
                <Button Height="23" Name="button1" Width="75">Hello World!</Button>
            </Xaml:C1DropDown.Content>
        </Xaml:C1DropDown>
            </Grid>

In Code

For example, to add a Button control to the drop-down box, add code to the page's constructor so it appears like the following:

public MainPage()
        {
            this.InitializeComponent();
            C1DropDown c1dropdown1 = new C1DropDown();
            c1dropdown1.Height = 30;
            c1dropdown1.Width = 100;
            LayoutRoot.Children.Add(c1dropdown1);

            Button c1button1 = new Button();
            c1button1.Content = "Hello World!";
            c1dropdown1.Content = c1button1;
        }

 What You've Accomplished

You've added a button control to the C1DropDown control. Run the application and click the drop-down arrow. Observe that the Button control has been added to the drop-down box. Note that to add multiple items to the C1DropDown control, add a Grid or other panel to the C1DropDown control, and add items to that panel.

Copyright (c) GrapeCity, inc. All rights reserved.