Hi,
I need to re-template the DropDown of the XamMultiColumnComboEditor control to add a custom control just above the original list. Something like the Footer.
Thanks,
Ali
Hello, Ali,
By design, the XamMultiColumnComboEditor control doesn’t provide header template.
The best way to resolve this is to edit the XamMultiColumnComboEditor template and modify the footer area position. After that you can use the XamMultiColumnComboEditor FooterTemplate to set a custom control above the drop-down list.
To do this, first include the control's default styles in your project. You can find the XAML file at the following directory: C:\Program Files (x86)\Infragistics\2015.2\WPF\DefaultStyles\XamComboEditor\generic.xaml.
After that, find the FooterContentArea element in the XamMultiColumnComboEditor style and re-arrange the elements in the grid and set the FooterContentArea element before the drop-down element named ItemsPanel.
Have in mind that this customization may lead to some side effects in the drop-down sizing and resizing.
Sample project is attached.
Sincerely,
Hi Svelta,
Thanks for your reply; it was helpful. However, there are still some limitations in what I'm trying to achieve such as:
1- Cannot set the focus to the Footer custom control using the keyboard since the focus goes directly to the list as soon as the drop-down list opens.
2- Added a MenuItem, with sub-items, in the Footer template, but when I click the menu item the sub-items do not even come out!
<ig:XamMultiColumnComboEditor.FooterTemplate><DataTemplate><Border BorderThickness="1" BorderBrush="Black" CornerRadius="3" Background="Beige"><MenuItem Header="Category 1 (All products)"><MenuItem Header="Category 1"/><MenuItem Header="Category 2"/><MenuItem Header="Category 3"/><MenuItem Header="Category 4"/></MenuItem></Border></DataTemplate></ig:XamMultiColumnComboEditor.FooterTemplate>
I also attached a screenshot of what I'm trying to do.
I have researched your issue but unfortunately, there is no way to work around the designed XamMultiColumnComboEditor behavior to achieve navigation through all elements using only keyboard.
I can suggest to submit a product idea at http://ideas.infragistics.com.
Steps to create your idea:
1. Log into the Infragistics Product Ideas site at http://ideas.infragistics.com (creating a new login if needed).
2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)
3. Add your product idea and be sure to be specific and provide as much detail as possible. Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing!
The benefits of submitting the product idea yourself include:
- Direct communication with our product management team regarding your product idea.
- Notifications whenever new information regarding your idea becomes available.
Additional benefits of the Product Idea system include:
- Ability to vote on your favorite product ideas to let us know which ones are the most important to you. You will have ten votes for this and can change which ideas you are voting for at any time.
- Allow you to shape the future of our products by requesting new controls and products altogether.
- You and other developers can discuss existing product ideas with members of our Product Management team.
The product ideas site allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.
Thank you for the sample. One problem remains and I could not get around it, which is the fact of being able to navigate through the menu items and the ComboEditor list items SEPARATELY by using the KEYBOARD only - no mouse should be involved.
I am just checking if you require any further assistance on the matter.
Regarding your first question about focusing the footer custom control – by design, when opening the control drop-down, the first combo editor item is focused.
You still can workaround this behavior in the DropDownOpened event handler.
Regarding your second question about the menu items – the Menu control is missing in the provided code.
Modified sample is attached.