Hi guys,
I 've experienced a cross browser issue with the radcombo control.
On Safari (v. 3.1.2) the combo displays stretched out when white-space:nowrap is used.
IE (including slim browser) ans Firefox displays the following code correctly but Safari doesn't.
<%
@ Page Language="VB" %>
<%
@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="Telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
script runat="server">
</
script>
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head runat="server">
<title>Untitled Page</title>
</
head>
<
body>
<form id="form1" runat="server">
<asp:ScriptManager id="ScriptManager1" runat="server"></asp:ScriptManager>
<div>
<table style="width:100%">
<tr>
<td style="white-space:nowrap;">
<Telerik:RadComboBox id="coPagesDDS" runat="server" width="100px" >
<Items>
<Telerik:RadComboBoxItem runat="server" Text="1" Value="1" Selected="True"/>
<Telerik:RadComboBoxItem runat="server" Text="2" Value="2" />
</Items>
<CollapseAnimation Duration="200" Type="OutQuint" />
</Telerik:RadComboBox>
</td>
</tr>
</table>
</div>
</form>
</
body>
</
html>
Any advice?
Thank you in advance,
dk
1 Answer, 1 is accepted
Please add the following to the RadComboBox declaration:
| <Telerik:RadComboBox id="coPagesDDS" runat="server" width="100px" style="white-space:normal;"> |
| <Items> |
| <Telerik:RadComboBoxItem runat="server" Text="1" Value="1" Selected="True"/> |
| <Telerik:RadComboBoxItem runat="server" Text="2" Value="2" /> |
| </Items> |
| <CollapseAnimation Duration="200" Type="OutQuint" /> |
| </Telerik:RadComboBox> |
Kind regards,
Helen
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.