WinUI | ComponentOne
Controls / DataFilter / Accordion Layout
In This Topic
    Accordion Layout
    In This Topic

    The DataFilter control enables you to create an interactive user interface by organizing the filter conditions (or filters) as a vertically stacked list of items, which gives it the look and feel of an accordion layout. You can easily toggle the display of the conditions associated with each filter separately using expand and collapse icons. The following GIF demonstrates the use of Accordion layout: 

    DataFilter Accordion Layout

    In DataFilter, you can customize the header text of filters using HeaderText property of the C1DataFilter class.

    The following image shows the customized header text on using the HeaderText property.

    Accordion Layout Header

    The following code example demonstrates the use of HeaderText property to change the header text:

    C#
    Copy Code
    private void C1DataFilter_FilterAutoGenerating(object sender, FilterAutoGeneratingEventArgs e)
    {
       var categoryFilter = (ChecklistFilter)e.Filter;
       categoryFilter.ShowSelectAll = false;
       categoryFilter.HeaderText = "Categories";
    }