RadComboBox with checkboxes

[Priyanka]

Hi,

I have the following RadComboBox but it is not displaying the checkboxes before each item in the combobox? Could you please let me know why the checkbox is not displayed?

<asp:UpdatePanel ID="plAddAssignments" runat="server" UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnAddCars" EventName="Click" />
</Triggers>
<ContentTemplate>
<div class="title">
Add/Modify Assignments
<asp:Button ID="btnAddCars" runat="server" Text="Add Part-Car Assignment" CssClass="btn" />
</div>
<asp:Panel ID="plAddAssignmentsPanel" runat="server" DefaultButton="btnAddCars">
<div id="newAssignment">
<div style="padding: 15px; padding-right: 5px; background-color: #fff; border: solid 1px #ccc;">
<span class="lbl">Display Make:</span>
<asp:DropDownList ID="ddlMakeCars" runat="server" CssClass="ddl" Width="100px" AutoPostBack="true" />
&nbsp;

<rad:RadComboBox ID="ddlBookx" runat="server" Enabled="true" Label="Books:" CheckBoxes="true" Width="100px"  EmptyMessage="All Books">
    <Items>
                                     <rad:RadComboBoxItem Text="Arts" />
                                     <rad:RadComboBoxItem Text="Biographies" />
                                     <rad:RadComboBoxItem Text="Children's Books" />
                                     <rad:RadComboBoxItem Text="Computers &amp; Internet" />                                 
                                </Items>                            
</rad:RadComboBox>
 
<span class="lbl">Model:</span>


Thanks,
Priyanka

[Princy]

Hi Priyanka,

Here is the full code I tried which works fine at my end. Please check the snapshot attached.

ASPX:

<asp:UpdatePanel ID="plAddAssignments" runat="server" UpdateMode="Conditional">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnAddCars" EventName="Click" />
    </Triggers>
    <ContentTemplate>
        <div class="title">
            Add/Modify Assignments
            <asp:Button ID="btnAddCars" runat="server" Text="Add Part-Car Assignment" CssClass="btn" />
        </div>
        <asp:Panel ID="plAddAssignmentsPanel" runat="server" DefaultButton="btnAddCars">
            <div id="newAssignment">
                <div style="padding: 15px; padding-right: 5px; background-color: #fff; border: solid 1px #ccc;">
                    <span class="lbl">Display Make:</span>
                    <asp:DropDownList ID="ddlMakeCars" runat="server" CssClass="ddl" Width="100px" AutoPostBack="true" />

                    <telerik:RadComboBox ID="RadComboBox1" runat="server" Label="Books:" Enabled="true"
                        CheckBoxes="true" Width="100px" EmptyMessage="All Books">
                        <Items>
                            <telerik:RadComboBoxItem text="Arts" />
                            <telerik:RadComboBoxItem text="Biographies" />
                            <telerik:RadComboBoxItem text="Children's Books" />
                            <telerik:RadComboBoxItem text="Computers & Internet" />
                        </Items>
                    </telerik:RadComboBox>
                    <span class="lbl">Model:</span>
                </div>
        </asp:Panel>
    </ContentTemplate>
</asp:UpdatePanel>

Thanks,
Princy.

[Priyanka]

Hi Princy,

Thanks for your reply but still I am unable to get the checkboxes before each item in the dropdown. Please find the screen shot below:

 Below is the html and please find the screen shot attached. What am I missing?

<div class="rcbSlide" style="z-index: 6000; visibility: visible; display: none; overflow: hidden; margin-left: 0px; position: absolute; top: 441px; left: 411px; height: 206px; width: 300px;">

<div id="ctl00_ContentPlaceHolder1_RadComboBox1_DropDown" class="RadComboBoxDropDown RadComboBoxDropDown_WebBlue" style="display: block; visibility: visible; top: -206px; left: 0px; width: 298px;">

<div class="rcbScroll rcbWidth" style="width: 100%; overflow: auto; height: 204px;">

<ul class="rcbList" style="list-style:none;margin:0;padding:0;zoom:1;">

<li class="rcbHovered ">Arts</li>

<li class="rcbItem ">Biographies</li>

<li class="rcbItem ">Children's Books</li>

<li class="rcbItem ">Computers & Internet</li>

<li class="rcbItem ">Cooking</li>

<li class="rcbItem ">History</li>

<li class="rcbItem ">Fiction</li>

<li class="rcbItem ">Mystery</li>

<li class="rcbItem ">Nonfiction</li>

<li class="rcbItem ">Romance</li>

<li class="rcbItem ">Science Fiction</li>

<li class="rcbItem ">Travel</li>

</ul>

</div>

</div>

</div>

[Plamen]

Hello Priyanka,

 
I have tested the code provided by Princy as well and ti worked properly. The unusual behavior at your end may be caused either by some overriding code behind or some custom styles on the page. You can refer to this help topic where the Checkbox functionality is explained.

If you still observe the unusual issue please share the exact version of our controls that you are suing as well.

Regards,
Plamen
Telerik