This Topic Illustrates the Following:Adding a Control to the Header
Any accordion pane header element is able to accept a WPF control. In this topic, you will add a Button control to the header in XAML and in code.
This topic assumes that you have added a C1Accordion control with at least one C1AccordionItem item to your project.
In XAML
To add a Button control to the header in XAML, place the following XAML markup between the <c1ext:C1AccordionItem> and </c1ext:C1AccordionItem> tags:
<c1ext:C1AccordionItem.Header>
<Button Content="Button" Height="Auto" Width="50"/>
</c1ext:C1AccordionItem.Header>
In Code
To add a Button control to the header in code, complete the following steps:
1. Enter Code view and add the following code beneath the InitializeComponent() method:
'Create the Button control
Dim NewButton As New Button()
NewButton.Content = "Button"
'Set the Button Control's Width and Height properties
NewButton.Width = 50
NewButton.Height = Double.NaN
'Add the Button to the header
C1AccordionItem1.Header = (NewButton)
•C#
InitializeComponent();
//Create the Button control
Button NewButton = new Button();
NewButton.Content = "Button";
//Set the Button Control's Width and Height properties
NewButton.Width = 50;
NewButton.Height = Double.NaN;
//Add the Button to the header
c1AccordionItem1.Header = (NewButton);
2. Run the program.
This Topic Illustrates the Following:
As a result of this topic, the control will appear in the header. The final result will resemble the following image:
