Changes between Initial Version and Version 3 of Ticket #3450


Ignore:
Timestamp:
Oct 8, 2007, 5:04:42 PM (13 years ago)
Author:
bill
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #3450

    • Property Summary changed from PageContainer: remove doLayout flag to StackContainer: remove doLayout flag
  • Ticket #3450 – Description

    initial v3  
    1 PageContainer has a doLayout flag that you use to make the height of each pane equal.  Seems like we could detect if the user wanted us to adjust heights by whether or not height was set explicitly on the PageContainer node (either with style="..." or via a CSS rule).   Not sure how to do that though.
     1StackContainer has a doLayout flag that you use to make the height of each pane equal.   Example !#1:
     2{{{
     3<div dojoType="dijit.layout.StackContainer" style="height: 300px;" doLayout=true>
     4   <div dojoType=...> short content </div>
     5   <div dojoType=...> long content </div>
     6</div>
     7}}}
     8When the above widget is displayed, regardless of which child is being shown, it will be 300px tall.  There will be a scrollbar if necessary, or added whitepace to extend the short content to 300px.
    29
    3 Leaving for consideration for 1.0.
     10Example !#2:
     11{{{
     12<div dojoType="dijit.layout.StackContainer" >
     13   <div dojoType=...> short content </div>
     14   <div dojoType=...> long content </div>
     15</div>
     16}}}
     17When the above widget is displayed, regardless of which child is being shown, it will change height depending on which child is being shown.  All it basically does is show one div and hide the others.
     18
     19Seems like we could detect if the user wanted us to adjust heights by whether or not height was set explicitly on the StackContainer node.  The problem is that the height may be set explicitly, but indirectly, via CSS:
     20
     21{{{
     22<style>
     23  #foo { height: 300px; }
     24</style>
     25<div dojoType="dijit.layout.StackContainer" id=foo >
     26   <div dojoType=...> short content </div>
     27   <div dojoType=...> long content </div>
     28</div>
     29}}}