Hello
Here is the mark-up of my radcombobox with width set to 100%.
The control is rendered incorrectly with a large vaccant space between the textbox and drop down arrow at the end.
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.
1 Answer, 1 is accepted
0
Shinu
Top achievements
Rank 2
Rank 2
answered on 30 Aug 2013, 05:40 AM
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.
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.