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

Optgroup

5 Answers 48 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Merin
Top achievements
Rank 1
Merin asked on 30 Jul 2013, 08:39 AM
Hi folks

Anyone know whether this control support optgroups as in html?

Thanks
Merin

5 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 30 Jul 2013, 09:26 AM
Hi Merin,

RadComboBox supports grouping of items like optgroups in html. Please have a look into the following sample code I tried which works fine at my end.

ASPX:
<telerik:RadComboBox ID="RadComboBox1" runat="server" Skin="Silk" Width="150px" AllowCustomText="true">
    <Items>
        <telerik:RadComboBoxItem runat="server" IsSeparator="True" Text="DotNet" />
        <telerik:RadComboBoxItem runat="server" Text="ASP" />
        <telerik:RadComboBoxItem runat="server" Text="WCF" />
        <telerik:RadComboBoxItem runat="server" IsSeparator="True" Text="Java" />
        <telerik:RadComboBoxItem runat="server" Text="JSF" />
        <telerik:RadComboBoxItem runat="server" Text="ATG" />
    </Items>
</telerik:RadComboBox>

CSS:
<style type="text/css">
    div.RadComboBoxDropDown_Silk .rcbSeparator
    {
        font-family: Arial;
        font-weight: bold;
        font-style: italic;
        font-size: 10pt;
        padding-left: 6px !important;
    }
    div.RadComboBoxDropDown_Silk .rcbItem, div.RadComboBoxDropDown_Vista .rcbHovered
    {
        padding-left: 20px;
        font-family: Arial;
        font-size: 10pt;
    }
</style>

Thanks,
Shinu.
0
Merin
Top achievements
Rank 1
answered on 31 Jul 2013, 03:10 AM
Thanks shinu. Got it :)
One little tweak. Can I have a different color other than black for those group header?
0
Shinu
Top achievements
Rank 1
answered on 31 Jul 2013, 04:17 AM
Hi Merin,

Please have a look at the following updated CSS for the RadComboBox separator.

CSS:
<style type="text/css">
    div.RadComboBoxDropDown_Silk .rcbSeparator
    {
        color: Black;
        background-color: Beige;
        font-family: Arial;
        font-weight: bold;
        font-style: italic;
        font-size: 10pt;
        padding-left: 6px !important;
    }
</style>

Thanks,
Shinu.
0
Merin
Top achievements
Rank 1
answered on 06 Aug 2013, 04:24 AM
Hi shinu, can we achieve the same in a raddropdownlist?
0
Shinu
Top achievements
Rank 1
answered on 06 Aug 2013, 05:11 AM
Hi Merin,

Currently RadDropDownList doesn't support optgroups.

Thanks,
Shinu.
Tags
ComboBox
Asked by
Merin
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Merin
Top achievements
Rank 1
Share this question
or