Posted by
cjhowe on
URL: http://ofbiz.116.s1.nabble.com/screen-loading-sequence-tp141209p141212.html
I'm getting slightly different behavior than what you
described in the first email. I'm getting center div
printing then the leftbar and right bar print after
the center div is done, with no overlap of the footer.
From this description, the following describes your
problem.
your problem (if that's what you want to call it) is
in your css. The CSS properties for the left and
right bars are not set to a vertical position, they're
relative and floated. The left bar has the left
property so it's is going to wait till everything is
output before it, move down a "line" and position
itself on the far left. The right bar is going to
position itself to the far right.
In the ecommerce example the leftbar has nothing
written before it in the ecom-mainarea container so it
moves to the first "line" inside the container, the
right bar follows suit and moves itself as far to the
right as possible. The center is printed after it and
because it is also relative can take up the empty
space in between the left and right bar.
In your example, the center area prints, then the left
bar moves to the left as soon as it can, which is one
line below the center div. Then the right bar prints
moving itself to the far right.
--- rajshekhar <
[hidden email]> wrote:
>
> This is screen defination
>
> <screen name="main-decorator">
> <section>
> <actions>
> <!-- base/top/specific map first,
> then more common map added
> for shared labels -->
> <property-map
> resource="EcommerceUiLabels"
> map-name="uiLabelMap" global="true"/>
> <property-map
> resource="CommonUiLabels"
> map-name="uiLabelMap" global="true"/>
> <property-map
> resource="ProductUiLabels"
> map-name="uiLabelMap" global="true"/>
> <property-map
> resource="AccountingUiLabels"
> map-name="uiLabelMap" global="true"/>
> <property-map
> resource="PartyUiLabels" map-name="uiLabelMap"
> global="true"/>
> <property-map
> resource="OrderUiLabels" map-name="uiLabelMap"
> global="true"/>
>
> <set field="MainColumnStyle"
> value="nocolumns"
> global="true"/>
>
> <script
>
location="component://sfms/widget/EcommerceSetup.bsh"/>
> <script
>
location="component://sfms/webapp/sfms/includes/metatagfiles/sfmskeywords.bsh"/>
> </actions>
> <widgets>
> <!-- render header -->
>
> <platform-specific><html><html-template
>
location="component://sfms/webapp/sfms/includes/header.ftl"/></html></platform-specific>
>
> <container id="ecom-mainarea">
> <!-- by default will render
> left-bar only if
> left/rightbarScreenName value not empty -->
>
> <container
> style="${MainColumnStyle}">
> <!-- render messages -->
>
>
> <platform-specific><html><html-template
>
location="component://common/webcommon/includes/messages.ftl"/></html></platform-specific>
> <decorator-section-include
> name="body"/>
>
> </container>
> <include-screen
> name="${leftbarScreenName}"
> location="${leftbarScreenLocation}"/>
> <include-screen name="${rightbarScreenName}"
> location="${rightbarScreenLocation}"/>
>
> <container style="endcolumns"/>
>
>
> </container>
>
> <!-- render footer -->
> <platform-specific><html><html-template
>
location="component://sfms/webapp/sfms/includes/footer.ftl"/></html></platform-specific>
>
>
> </widgets>
> </section>
> </screen>
> --
> View this message in context:
>
http://www.nabble.com/screen-loading-sequence-tf2065552.html#a5700068> Sent from the OFBiz - User forum at Nabble.com.
>
>