Welcome Guest Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » EO Dialog Style1 Header Background Browser Inconsistencies?

EO Dialog Style1 Header Background Browser Inconsistencies? Options
Previous Topic · Next Topic
Sean Clark
Posted: Wednesday, August 24, 2011 6:59:08 AM
Rank: Advanced Member
Groups: Member

Joined: 12/24/2008
Posts: 43
Hi

I appear to have an issue with differences in how FF/Chrome/IE render the dialog header background when the theme is Style1

In Chrome, the header background is rendered and so the double bar continues across the header. IN FF and IE, this is not the case. It is almost as if the panel for the dialog content is shifted up slightly.

In all cases, it would appear that the CSS is the same, just the browser interpretation somehow differs.



I have disabled theming on the page to ensure that no global style sheets are affecting the rendering.

Do you know what's wrong here?

Code: HTML/ASPX 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EODialog.aspx.cs" Inherits="ClientApp.Pages.Test_Pages.EOWebControls.EODialog" EnableTheming="false" Theme="" StylesheetTheme="" %>
<%@ Register TagPrefix="eo" Namespace="EO.Web" Assembly="EO.Web" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <eo:dialog id="LoginDialog" runat="server" Height="260px" Width="360px" 
            ControlSkinID="None" EnableTheming="False"
            BackColor="White" HeaderHtml="Dialog" 
            CloseButtonUrl="00020312" InitialState="Visible" ClientSideOnCancel="CloseWindow" 
            ClientSideOnAccept="AcceptHandler" EnableViewState="False" IsModal="False">
            <ContentTemplate>
                <div>test</div>
            </ContentTemplate>
            <FooterStyleActive CssText="padding-right: 4px; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; padding-top: 4px; font-family: tahoma"></FooterStyleActive>
            <HeaderStyleActive CssText="background-image:url('00020311');color:black;font-family:Trebuchet MS;font-size:9pt;font-weight:bold;padding-bottom:5px;padding-left:8px;padding-right:3px;padding-top:0px;"></HeaderStyleActive>
            <ContentStyleActive CssText="padding-right: 4px; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; padding-top: 4px; font-family: tahoma"></ContentStyleActive>
            <ShowEffect Type="Fade"></ShowEffect>
            <BorderImages BottomBorder="00020305" RightBorder="00020307" TopRightCornerBottom="00020308" TopRightCorner="00020309"
                LeftBorder="00020303" TopLeftCorner="00020301" BottomRightCorner="00020306" TopLeftCornerBottom="00020302"
                BottomLeftCorner="00020304" TopBorder="00020310"></BorderImages>
        </eo:dialog>
    </div>
    </form>
</body>
</html>
Back to top
 
eo_support
Posted: Wednesday, August 24, 2011 9:11:24 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

Thanks for letting us know. Please add "height:18px" to HeaderStyleActive. That should render the same result on all supported browsers. We will also make this change on our side so it will be in our next build.

Thanks!
Back to top
 
Sean Clark
Posted: Thursday, August 25, 2011 4:15:59 AM
Rank: Advanced Member
Groups: Member

Joined: 12/24/2008
Posts: 43
Hey

Excellent, cheers. Needed to change the style tweak to 23px for the real page to achieve the same result as for the test page, but works a treat.

Thanks
Sean
Back to top
 
eo_support
Posted: Thursday, August 25, 2011 6:48:05 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

You are very welcome. Please feel free to let us know if you have any more questions.

Thanks!
Back to top
 


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.