avatar image
Former Member

sap.tnt.ToolPage side content overlaps main content

Dear all
I am creating an application based on the sap.tnt.ToolPage layout control. Everything works perfectly, besides the first rendering, where the contents of the "mainContents" aggregation are rendered beneath the contents of the "sideContent".

This is happening regardless of the state of the side content, whether it is collapsed or expanded.

The rendering is then corrected when expanding/collapsing the side content: the view is re-rendered and contents of "mainContents" move to the right instead of staying beneath.

The behavior can be checked easily also in the SAPUI5 Explored test app here:

https://sapui5.hana.ondemand.com/explored.html#/sample/sap.tnt.sample.ToolPage/preview

When entered for the first time, the right side of the view seems to be empty, but if you click on the upper-left toggle button, the right side content is revealed. Clicking again on the button will now "move" the contents to the right.

Is this a known bug? Anyone knows about an effective workaround?

Thanks,

Roberto.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Nov 23, 2016 at 02:49 PM

    Can you attach a screenshot? Also describe which os and browser you are using. On latest MacOS and Chrome there is text in the main view right away.

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Nov 24, 2016 at 09:00 PM

    Hello Ulrich,
    I just reproduced the issue while working on Chrome (latest) on a Windows 10 machine.

    Here are the screenshots:
    In the Explored app, just open the Tool Page sample. You see that at the first rendering the right-side is empty.

    After clicking on the "collapse sidebar" button, the text appears:

    Click again on the "collapse sidebar" (which now will expand it) and notice that the next is not hidden anymore, but moves on the right while the sidebar is expanding:

    By the way, if the Sidebar is rendered for the first time as "collapsed" (Property expanded = false) than everything is working as expected and the right side content is there right away.

    Hope this helps!

    Roberto.

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member Ulrich Block

      Hello Ulrich,
      I guess you're right: in fact I just did the same using Edge as well as Firefox (both latest) and everything works properly as expected.
      I will address this to the UI5 team.

      Thanks,
      Roberto.

Skip to Content