Skip to Content
avatar image
Former Member

Screen Resolution with Design Studio Dashboards

Resizing Components in Design Studio vs Screen Resolution.

we have created few Dashboards on Design Studio with aptop at a resolution of 1366x768, the Display is fine, no issues.

When viewed at the resolution the laptop uses connected to a monitor, 1600x900 the Components Positions changing.

See the attached doc, The tiles are smaller as these are fixed size, we could do these as auto fit panels in a grid format but then the font decreases in size and doesn’t stay in same proportion.

In desktop resolution (1920x1080) it is worse.

What is correct method for creating auto fit components including font size for multiple screen resolutions?

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Jun 12, 2017 at 03:57 AM

    Hi Shaik Jameel,

    For adapting the text font-size based on screen-size/resolution, you could try applying media queries in the application CSS, similar to the suggestion in the following discussion comment: https://blogs.sap.com/2014/11/06/designing-responsive-components-in-design-studio/#comment-222434 by Marcin Borowik.

    Regards,

    Mustafa.

    Add comment
    10|10000 characters needed characters exceeded