Screen Resolution with Design Studio Dashboards

[Former Member]

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?

[MustafaBensan]

Hi Shaik Jameel,

There is no screenshot attached to your question. Can you repost the screenshot so that your issue is clearer?

[MustafaBensan]

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.