Skip to Content

CSS to to allow a design studio display in only in portrait

Hi experts

I am trying to prevent design studio to display in landscape (portrait only) and I have tried to use the below css to achieve this and it is not working as I don't know what I am doing wrong.

/* Smartphones (portrait landscape) ----------- */

@media screen

and (min-width : 320px)

and (max-width : 768px)

and (orientation : portrait)

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Oct 31, 2017 at 08:33 PM

    Hi Robert - which version and SP of Design Studio are you using?

    Consider using Lumira Designer which has an adaptive layout https://help.sap.com/viewer/4f58d91f03e441b68d3187e94be27df2/2.0.2.0/en-US/2e39302ef2184dce8a7265fb04f6f228.html

    Add comment
    10|10000 characters needed characters exceeded

  • Nov 02, 2017 at 10:59 AM

    Hi Robert,

    The CSS media feature orientation is not intended for forcing the device orientation to landscape or portrait. It simply allows you to apply different styles based on whether the orientation is landscape or portrait. In other words, orientation:portrait will not force/switch the orientation to portrait.

    If you provide a screenshot of your application with a description of what layout you would like to see in both portrait and landscape orientations then we can try to suggest design approaches accordingly.

    Regards,

    Mustafa.

    Add comment
    10|10000 characters needed characters exceeded

    • Thanks Mustafa

      Whilst still dealing with this, is there also a design issue when design studio application is consumed directly in IOS safari browser and scroll is not available but on a desktop browser the scroll is. Is there a way around this