Combobox displayes incorrectly

3 posts, 0 answers
  1. Britt
    Britt avatar
    1 posts
    Member since:
    Nov 2008

    Posted 21 Oct 2014 Link to this post

    I have added a very basic combobox to a simple page. When it renders, it has an extra item on the right as if it is trying to render twice side-by-side. When I hover over the dropdown arrow, the arrow disappears. I have used several skins, but the behavior is the same. The functionality is correct, but it is unpleasant for the users.

  2. sandeep
    sandeep avatar
    17 posts
    Member since:
    May 2014

    Posted 21 Oct 2014 in reply to Britt Link to this post

    Please provide the code....
  3. DevCraft R3 2016 release webinar banner
  4. Magdalena
    Magdalena avatar
    413 posts

    Posted 24 Oct 2014 Link to this post


    The RadComboBox in classic render mode uses background image for displaying borders and background. The reason is supporting the controls also in browsers that does not support rounded corners and gradients. If you set wider width to the expand button with arrow, the other parts of the sprite becomes to be visible.

    To fix the issue, please remove the width property of the button, or use lightweight render mode
    <telerik:RadComboBox ID="RadComboBox1" runat="server"  RenderMode="Lightweight">

    Please, keep in mind, that all RadComboBox used on a one web page have to be in the same render mode.


    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