Incorrect rendering

2 posts, 0 answers
  1. Saira
    Saira avatar
    24 posts
    Member since:
    Feb 2013

    Posted 29 Aug 2013 Link to this post

    Hello

    Here is the mark-up of my radcombobox with width set to 100%.
    <div style="border:1px solid Teal; width:100%">
            <telerik:RadComboBox runat="server" ID="RadComboBox1" EnableLoadOnDemand="True" EmptyMessage ="Select" Label="Example:" AutoPostBack="true" Width="100%" >
            </telerik:RadComboBox>
    </div>

    The control is rendered incorrectly with a large vaccant space between the textbox and drop down arrow at the end.

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 30 Aug 2013 Link to this post

    Hi Saira,

    This issue is expected since Q3 2012 release some breaking changes were made to the RadComboBox control appearance as listed here. The width of the RadComboBox sprite is decreased from 2000px to 1000px. So in this case if your RadComboBox control is wider than 1000px on rendering in the browser, there will be a gap between the arrow and the input field. The only solution in such cases would be creating a new sprite image for RadComboBox with the desired dimensions.

    Thanks,
    Shinu.
Back to Top