Upgrade issues with RadComboBox

4 posts, 0 answers
  1. Aman
    Aman avatar
    14 posts
    Member since:
    Aug 2013

    Posted 27 Oct 2014 Link to this post

    Greetings,

    After upgrading Telerik version to '2014.2.724.35', I am facing issue with the 'RadComboBox'. The checkbox is displayed in one row and text in another row.

    Thanks,
    Aman
  2. Aman
    Aman avatar
    14 posts
    Member since:
    Aug 2013

    Posted 27 Oct 2014 Link to this post

    aspx code;

    <telerik:RadComboBox runat="server" ID="rcbChangeLevel" AllowCustomText="true" Width="140px"
    OnClientDropDownClosing="ddwnChangeLevelClosed" OnClientBlur="ddwnChangeLevelClosed"
    CssClass="rcbScroll" EmptyMessage="Please Select..." Font-Names="Calibri" Font-Size="11pt" MarkFirstMatch="true" EnableVirtualScrolling="true" Filter="Contains" Skin="Web20" Height="150" TabIndex="2">
    <ItemTemplate>
          <asp:CheckBox runat="server" ID="chkboxChangeLevel" onclick="checkedChangeLevelItems();"  Text='<%# DataBinder.Eval(Container, "Text") %>' />
         </ItemTemplate>
    </telerik:RadComboBox>
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aman
    Aman avatar
    14 posts
    Member since:
    Aug 2013

    Posted 27 Oct 2014 Link to this post

    aspx code;

    <
    telerik:RadComboBox runat="server" ID="rcbChangeLevel" AllowCustomText="true" Width="140px" OnClientDropDownClosing="ddwnChangeLevelClosed" OnClientBlur="ddwnChangeLevelClosed" CssClass="rcbScroll" EmptyMessage="Please Select..." Font-Names="Calibri" Font-Size="11pt" MarkFirstMatch="true" EnableVirtualScrolling="true" Filter="Contains" Skin="Web20" Height="150" TabIndex="2">
    <ItemTemplate>
         <asp:CheckBox runat="server" ID="chkboxChangeLevel" onclick="checkedChangeLevelItems();"
     Text='<%# DataBinder.Eval(Container, "Text") %>' />
    </ItemTemplate>
    </telerik:RadComboBox>
  5. Aneliya Petkova
    Admin
    Aneliya Petkova avatar
    207 posts

    Posted 29 Oct 2014 Link to this post

    Hello Aman,

    When Item Templates are used, the controls in the template need to be styled in order to display correctly. I tested your page with older versions of Telerik.Web.UI fir ASP.NET AJAX, but with the code provided(without your custom CSS) I reproduce the issue everywhere.
    Please apply the following CSS and let me know if you observe the same issue again:

    html .RadComboBoxDropDown .rcbItem > label {
        display: inline-block;
    }

    Hope this will be helpful.

    Regards,
    Aneliya Petkova
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top