Skip to Content
0

Screen Resolution with Design Studio Dashboards

Jun 11, 2017 at 01:06 PM

410

avatar image

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?

10 |10000 characters needed characters left characters exceeded

Hi Shaik Jameel,

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

0
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Mustafa Bensan Jun 12, 2017 at 03:57 AM
0

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.

Share
10 |10000 characters needed characters left characters exceeded