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

CSS conflict

3 Answers 201 Views

Window

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

Kristian asked on 20 Mar 2009, 09:43 AM

Hi my problem is that I have a page with a Label that looks fine when i view the page, but when I open it in a RadWindow it doesnt look the same.
I have narrowed it down to being a problem with the CSS.

test.aspx

    
            <!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></title>  
        
                <style type="text/css">  
        
                .TemplateSubHeader   
        
                {  
        
                    font-family: Verdana, Geneva, sans-serif !important;  
        
                    font-size: 16px !important;  
        
                    font-style: normal !important;  
        
                    font-weight: normal !important;  
        
                    color: #365D9D !important;  
        
                    text-decoration: none !important;  
        
                    margin: 0px !important;  
        
                    clip: rect(auto,auto,auto,auto) !important;  
        
                    line-height: 35px !important;  
        
                    padding-bottom: 15px !important;  
        
                }  
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    <asp:Label SkinID="TemplateSubHeader" ID="Label2" runat="server" Text="Name" ></asp:Label> 
        
                    <p class="TemplateSubHeader" style="font-family: Verdana, Geneva, sans-serif !important;font-size: 16px !important;font-style: normal !important;font-weight: normal !important;color: #365D9D !important;text-decoration: none !important;margin: 0px !important;clip: rect(auto,auto,auto,auto) !important;line-height: 35px !important;padding-bottom: 15px !important;">Name</p> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

This is how I call it from another page in codebehind

    
            protected void Button1_Click(object sender, EventArgs e)  
        
                {  
        
                    PopUp.NavigateUrl = test.aspx";  
        
                    PopUp.Visible = true;  
        
                    PopUp.Width = 800;  
        
                    PopUp.Height = 600;  
        
                    PopUp.Modal = false;  
        
                    PopUp.Overlay = true;  
        
                    PopUp.VisibleStatusbar = false;  
        
                    PopUp.VisibleTitlebar = true;  
        
                    PopUp.Title = "Opret galleri";  
        
                    PopUp.Style.Add(HtmlTextWriterStyle.ZIndex, "1000");  
        
                    PopUp.Animation = Telerik.Web.UI.WindowAnimation.Fade;  
        
                    PopUp.VisibleOnPageLoad = true;  
        
                }

Try to view the test.asp in the browser and then view it from in the radwindow and you will notice that they a different

Enviroment:
VS 2008
Telerik version 2008.3.1105.35
IE 7

Is there a fix or a workaround for solving this problem

Thanks in advance
Kristian

CSS conflict

3 Answers, 1 is accepted