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

CSS conflict

3 Answers 240 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

3 Answers, 1 is accepted

answered on 22 Mar 2009, 08:46 PM

Hi DJ

Thanks for your reply.
Im sorry that I forgot to mention that I have a skin file with the CssClass set for the specified skin.

That is why I just below have put a <p> tag with inline style which also illustrates that there is a css conflict.

Please try to create a test project and rename the skinID to CssClass and you will see that the problem still persists, :(

The <p> and label will look identical and this is also the case when it is viewed in the telerik window.
But they are both displayed wrongly in the telerik window.

Best regards
Kristian