Side effect of Web20 skin for panel and RadComboBox

2 posts, 0 answers
  1. CSurieux
    CSurieux avatar
    465 posts
    Member since:
    Jan 2007

    Posted 15 May 2008 Link to this post

    Hello,

    I am generateing dynamically pages composed with 3 panes which use a RadPanelBar on the left pane as its menu and a RadComboBox loaded from a custom control in any other pane.
    Skin is forced to Web20 and I am using aspnet 2.0  themes without master page.
    When the 2 controls are on the same page, the comboBox input field and button have a reduced height. They seem to have a negative bottom margin in such a way that any text written into the combo input is pushed down. The arrow image of the dropdown seems not centered but reduced on its bottom part.
    As soon as I remove the PanelBar menu from the page, all the web20 comboboxes get their normal aspect ?

    I have suppressed any css file which could come from the theme to limit interaction between PanelBar and ComboBox.
    Am I the only to experiment this, what could be the reason ?

    Thanks for help.
    CS
  3. Rosi
    Admin
    Rosi avatar
    2529 posts

    Posted 16 May 2008 Link to this post

    Hello Christian Surieux,

    The reason for the problem is that your page does not have the correct doctype.

    I suggest that you use the following doctype:
    <%@ Page Language="C#" AutoEventWireup="False" CodeFile="Default2b.aspx.cs" Inherits="Default2b" Culture="auto" UICulture="auto" EnableViewState="false" %> 
    <%@ 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 id="Head1" runat="server"><title></title></head> 
        <body id="Body1" runat="server">  
            <form id="Form1" runat="server">  
            <telerik:RadScriptManager ID="WTScriptManager" Runat="server"   
                EnableScriptGlobalization="True"  EnableTheming="True">  
            </telerik:RadScriptManager> 
            <telerik:RadAjaxManager ID="AjaxManager1" runat="server">  
            </telerik:RadAjaxManager> 
            <asp:PlaceHolder id="LayoutPlaceHolder" runat="server"></asp:PlaceHolder> 
            </form> 
        </body> 
     

    This should help.

    Regards,
    Rosi
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top