borderlayout does not display in firefox

asked 2013-07-22 19:21:53 +0800

Celestin gravatar image Celestin
10 1

Why am I getting a blank screen with "borderlayour" on Firefox? Could it be my CSS? I am using Grails plugin ZKUI 0.56

On Ms IExploer 7, it works just fine.

!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <g:layouthead/> <title><g:layouttitle default="CH Integration Services"/></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon"> <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon"> <link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}"> <link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">

<link rel="stylesheet" href="${createLinkTo(dir:'css/blueprint/lib', file:'reset.css')}" type="text/css" media="screen, projection"> <link rel="stylesheet" href="${createLinkTo(dir:'css/blueprint/lib', file:'liquid.css')}" type="text/css" media="screen, projection"> <link rel="stylesheet" href="${createLinkTo(dir:'css/blueprint/lib', file:'typography.css')}" type="text/css" media="screen, projection"> <link rel="stylesheet" href="${createLinkTo(dir:'css/blueprint/plugins/fancy-type', file:'fancy-type.css')}" type="text/css" media="screen, projection">

<r:layoutresources/> <z:resources/>

</head> <body style="height: 100%">

<z:borderlayout width="100%" height="100%"> <z:north size="15%"> <z:div style="background-color: #008db7; color:white; clear: both; "> <z:hlayout width="100%" height="100%"> <z:vlayout> <z:label hflex="1" value="Welcome "/> <z:label vflex="9" value="Enterprise Application Integration Services" style="font-size: 22px; text-align:center;"/> </z:vlayout> </z:hlayout> </z:div> </z:north> <z:east size="15%"> <z:vlayout spacing="0"> <z:panel width="100%" border="normal" title="Navigation"> <z:panelchildren style="padding:5px;"> <z:vbox> <z:toolbarbutton label="Administration" href="${createLink(controller: 'EAIUser', action:'list')}"/> </z:vbox> </z:panelchildren> </z:panel> <z:window id="righty" width="100%" height="193px" title="Calendar" border="normal"> <z:groupbox mold="3d" width="100%" closable="true"> <z:calendar width="100%"/> </z:groupbox> </z:window> </z:vlayout> </z:east> <z:west size="13%"> <z:vlayout spacing="0"> <z:panel hflex="1" vflex="1" border="normal" title="Home Functions"> <z:panelchildren style="padding:5px;"> <z:menubar id="menubar" orient="vertical" autodrop="true"> <z:menu label="Contact Management">

        <z:center title="Home" style="overflow:auto;">

            <div id="datasector">
                <g:layoutBody />
        <z:south size='5%'>
            <g:render template="/common/footer" />

</body> </html>

delete flag offensive retag edit
Be the first one to answer this question!
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



Asked: 2013-07-22 19:21:53 +0800

Seen: 14 times

Last updated: Jul 22 '13

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More