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 Answers, 1 is accepted
0
sandeep
Top achievements
Rank 1
Rank 1
answered on 22 Oct 2014, 04:32 AM
Please provide the code....
0
Hello,
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
Please, keep in mind, that all RadComboBox used on a one web page have to be in the same render mode.
Regards,
Magdalena
Telerik
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.
Regards,
Magdalena
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.