How to disable and hide a single checkbox?

[Jeremy]

I am receiving a dictionary which I am binding to the combobox control. I wrote a loop that iterates through the items collection and changes some flagged items to a separator item. The problem is, if checkboxes are enabled, the seperator also receives a checkbox which sort of defeats the functionality. Is there something I could add to my loop that will disable the checkbox on these items?

Here is an example of the code that I'm using to create the seperators:

public static void FormatList(ref RadComboBox assignees)
{
    for (int i = 0; i < assignees.Items.Count; i++)
    {
        if (assignees.Items[i].Text == "people")
        {
            assignees.Items[i] = new Telerik.Web.UI.RadComboBoxItem("Assign to Person:");
            assignees.Items[i].IsSeparator = true;
        }
        if (assignees.Items[i].Text == "group")
        {
            assignees.Items[i] = new Telerik.Web.UI.RadComboBoxItem("Assign to Group:");
            assignees.Items[i].IsSeparator = true;
        }
    }
}

[Kevin]

Hello Jeremy,

That looks like a strange bug that should be fixed by Telerik, but for the time being you could add a css class to your page and add it to your separator items so it hides the checkbox.

.hideGroupCheckBox .rcbCheckBox
{
    display: none;
}

I hope that helps.

[Jeremy]

Thanks, that seems like it would work. But would that still work if I'm not using an ItemTemplate? In the meanwhile, I went in and took care of it with some javascript:

<script type="text/javascript">
        function OnClientDropDownOpening(sender, eventArgs) {
            var items = sender.get_items(); for (i = 0; i < items.get_count(); i++) {
                if (items.getItem(i).get_isSeparator()) {
                    var checkbox = items.getItem(i).get_checkBoxElement();
                    checkbox.style.display = "none";
                }
            }
        }
 </script>

Then added it to the dropdown event:

<rad:RadComboBox runat="server" ID="cboAssignees" OnClientDropDownOpening="OnClientDropDownOpening" />

[Kalina]

Hello Jeremy,

You can try this style:

<style type="text/css">
    .rcbSeparator input { display: none }
</style>

All the best,
Kalina
the Telerik team