We are using the latest release of the Telerik.Web.UI.dll but we are using the Q3 Skins as external .css files. We have found that when a combobox is set to enabled=false they appear to cutoff at the bottom as if they're in a container that's too small to display the control properly. Here's a sample page that illustrates this problem. Note the external css file is an unaltered Q3 file downloaded from the Telerik site.
Also, we have verified that if we revert to the embedded skin OR set the VisibleDuringInit = true on the RadSplitter the problem doesn't occur. I tried looking at the 2 versions of the .css (Q3 vs. embedded) but I'm not familiar enough with styles to narrow down what the problem may be (if it's even a style problem at all).
Any ideas on how to solve this issue?
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %> |
| <%@ 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"> |
| <html xmlns="http://www.w3.org/1999/xhtml" > |
| <head runat="server"> |
| <title>Untitled Page</title> |
| <link rel="Stylesheet" type="text/css" href="../Skins/Office2007/ComboBox.Office2007.css" /> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server" /> |
| <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%" |
| VisibleDuringInit="false"> |
| <telerik:RadPane ID="RadPane1" runat="server"> |
| <telerik:RadComboBox ID="RadComboBox1" runat="server" Enabled="false" Skin="Office2007" |
| EnableEmbeddedBaseStylesheet="false" EnableEmbeddedSkins="false"> |
| <Items> |
| <telerik:RadComboBoxItem runat="server" Text="1" Value="1" /> |
| <telerik:RadComboBoxItem runat="server" Text="2" Value="2" /> |
| <telerik:RadComboBoxItem runat="server" Text="3" Value="3" /> |
| </Items> |
| </telerik:RadComboBox> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </form> |
| </body> |
| </html> |
Also, we have verified that if we revert to the embedded skin OR set the VisibleDuringInit = true on the RadSplitter the problem doesn't occur. I tried looking at the 2 versions of the .css (Q3 vs. embedded) but I'm not familiar enough with styles to narrow down what the problem may be (if it's even a style problem at all).
Any ideas on how to solve this issue?
