This is a migrated thread and some comments may be shown as answers.

separators in dropdown

1 Answer 178 Views
SearchBox
This is a migrated thread and some comments may be shown as answers.
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
Fit2Page asked on 06 Feb 2018, 10:03 AM

Hi,

 

Is it possible in any way to use separators like with the RadComboBox?

I have to show results in different groups in the Searchbox dropdown.

 

BR,

Marc

1 Answer, 1 is accepted

Sort by
0
Attila Antal
Telerik team
answered on 09 Feb 2018, 04:44 PM
Hi Marc,

I am afraid separators are not supported for RadSearchBox by design. If you like you can use RadComboBox for that purpose.

Here is an example code snippet of RadComboBox with separators:
<telerik:RadComboBox
    ID="RadComboBox1"
    runat="server"
    MarkFirstMatch="true"
    ShowToggleImage="false"
    EmptyMessage="Select an item"
    ToolTip="Select an item">
    <Items>
        <telerik:RadComboBoxItem runat="server" IsSeparator="True" Text="Animals" />
        <telerik:RadComboBoxItem runat="server" Text="pig" />
        <telerik:RadComboBoxItem runat="server" Text="dog" />
        <telerik:RadComboBoxItem runat="server" IsSeparator="True" Text="Birds" />
        <telerik:RadComboBoxItem runat="server" Text="Eagle" />
    </Items>
    <CollapseAnimation Duration="200" Type="OutQuint" />
</telerik:RadComboBox>

I hope this will suit your needs.

Kind regards,
Attila Antal
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
SearchBox
Asked by
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Attila Antal
Telerik team
Share this question
or