Skip to Content

Design Studio Editor placeholder issue when in SAPUI5 m mode


I've encountered a strange issue when using DS editor in m mode.

I had a standard blank template app that i migrated to SAPUI5 M mode. When i navigate around the build in the editor, the positioning of the placeholders is not aligned to the actual object it refers to.


The only way to get the placeholder over the object is to modify the settings, such as change the position, or edit the object text etc.

This then puts the placeholder over the object. ALL other objects are still out of alignment. And if I navigate away from the page to another one and come back, it out of position again.

When I'm in "non M " mode, I don't have any issues

What have I tried so far?

1. Tried adjusting screen resolution. This has no impact, I have tried on my laptop screen, and 2 different types of monitor, they all behave the same.

2. I upgraded DS from 16.1.1 to 16.4.2 - No difference (apart from a few more m design options)

3. I thought there may have been some corruption in the migration process, so I decided to create a simple NEW app using the basic M template. After nesting a grid layout, in a panel, and adding a sub panel, i was quickly able to replicate the issue.

4. Trawled through Google, SCN and can't find anyone else with the same issue.

Any thoughts would be appreciated.



Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    May 09, 2017 at 09:14 PM

    Ah, ok I got it. I didn't notice the Page Book. That's the issue. The sliding animation is messing with the canvas at design time. I've noticed that you can actually just slightly resize your DS window or any DS panel (like the dividing section between canvas and property panel) and it will "snap" the canvas back into commission.

    This seems like a new bug to me, however I can't be sure, as I do not like the Page Book component that much. I thought that there was a way to turn off the "slide" transition but perhaps that was only available in "commons" mode or I am just going crazy.

    Nevertheless, I'm pretty sure your issue is due to the Page Book sliding the page and the canvas not "waiting" to update the position placeholders until the page slide has completed. As a workaround during design time, you could simply slightly resize your DS window to knock it back into order if that makes sense?

    EDIT: I'm probably still crazy for other reasons :) but I confirmed there's control over transition in commons mode only:

    Add comment
    10|10000 characters needed characters exceeded