This is a migrated thread and some comments may be shown as answers.

Side effect of Web20 skin for panel and RadComboBox

1 Answer 40 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
CSurieux
Top achievements
Rank 2
CSurieux asked on 15 May 2008, 04:58 PM
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

1 Answer, 1 is accepted

Sort by
0
Rosi
Telerik team
answered on 16 May 2008, 08:36 AM
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
Tags
PanelBar
Asked by
CSurieux
Top achievements
Rank 2
Answers by
Rosi
Telerik team
Share this question
or