[Dojo-interest] Re: displaying bug with Accordion widget

Mon Jan 29 16:23:06 MST 2007

Hi Brian, 
  Could you please be more specific about setting background color and visibility:hidden?

  I tried to set the visibility:hidden on all children as followings, but it did not help. This visible overlap is specific to FF  only and it only occurs with the bottom panel no matter how much text you have in the content of the bottom panel. 

  <html>
<head>
<title>Testing Accordion Container</title>
<script type="text/javascript">
    var djConfig = {isDebug: true,  debugAtAllCosts : true};
</script>
<script type="text/javascript" src="../../dojo/dojo.js.uncompressed.js"></script>
<script type="text/javascript">
    dojo.require("dojo.widget.AccordionContainer");
    dojo.require("dojo.widget.ContentPane");
    dojo.require("dojo.widget.Button");
    dojo.hostenv.writeIncludes();
</script>
  <style>
  .Panel {
    margin: 1px;
    border : 1px solid #CCCCCC;
    background-color: #F4F4F4;
    text-align : left;
    overflow : hidden;
}

  .PanelBody {
    margin : 1px 1px 1px 1px;
    border-width : 1px 0 0 0;
    border-style : solid;
    border-color : #E0E0E0;
    padding : 0;
    background-color : #F4F4F4;
    overflow : auto;
}

  .ControlBar {
    height: 30px;
    vertical-align: middle;
    border: 0 none;
    margin: 0;
    padding: 5px;
}
  </style>
</head>
<body>
    <div class="Panel"  dojoType="AccordionContainer" style="float: left; margin-right: 30px;  width: 400px; height: 300px; overflow: hidden">
        <div class="PanelBody" dojoType="ContentPane" label="Users" selected="true">
            <div dojoType="ContentPane" class="ControlBar" layoutAlign="top">
                <button dojoType="Button" id="admin_addUser" disabled="true">Add User</button>
                <button dojoType="Button" id="admin_deleteUser" disabled="true">Delete User</button>
            </div>
        </div>
        <div class="PanelBody" dojoType="ContentPane" label="Misc Setup" onHide="dojo.lang.forEach(this.parent.children, function(child){child.domNode.style.visibility='hidden';});">
            <div>
                <ul style="margin-top: 20px;">
                <li>
                    <a href="javascript:void(0)" id="editLoginLink">Update System Login Message</a>
                </li>
                </ul>
            </div>
          </div>
    </div>
</body>
</html>

  You can  see the error if you test AccordionContainer widget in the following link in FF with the latest build today(Jan, 29, 2007). 

  http://archive.dojotoolkit.org/nightly/tests/widget/test_AccordionContainer.html

  Regards,
  Tung Chau

---------------------------------
Don't be flakey. Get Yahoo! Mail for Mobile and 
always stay connected to friends.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://dojotoolkit.org/pipermail/dojo-interest/attachments/20070129/a403b064/attachment.html