Skip to Content
0

Text is not rendering based on resolution on Lumira designer?

Feb 16 at 10:43 AM

69

avatar image

Hello Expert,

I have a requirement to built a dashboard which should be compatible with ipad and mobile devices.

I use SVG images for some navigation on dashboard using grid component to adjust the width and height and also I'm displaying some text on top of the images.

Now the problem is, SVG images are rending on both desktop and Ipad based on device resolution but text size remains same (the text position is change b/w desktop and ipad view).

I tried to find some css coding but nothing helped.

Is there anyone faced similar issue or anyone have the solution for it?

Appreciating your help!

Thanks

Vijai Muniraj

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

3 Answers

Tammy Powlas
Feb 16 at 10:45 AM
0

Hello Vijai,

Are you using the adaptive container? Please see this blog https://blogs.sap.com/2017/11/27/kpi-dashboard-with-lumira-2.0-demo/

Share
10 |10000 characters needed characters left characters exceeded
René Hvidberg Feb 16 at 11:50 AM
0

Hi Vijai

In the CSS - you might be able to use something like this

/*iPad landscape oriented styles */

@mediascreen and (device-width:768px) and (orientation:landscape){

/*your CSS code*/

/*eg.*/ .myColumn {visibility: hidden!important;}

}

And you can add additional CSS scenarios

like

@mediascreen and (device-width:768px) and (orientation:portrait){

/*your CSS code*/

}

Br

René

Share
10 |10000 characters needed characters left characters exceeded
Arijit Das Feb 16 at 02:20 PM
0

Did you try to set the font size in vw unit in css instead of px ?

Show 2 Share
10 |10000 characters needed characters left characters exceeded

No.. Can you please let me know the settings or steps?. I have never tried it or don't know. Please do the needful. Appreciates your help..

0

You can find details about the vw unit here:

https://www.w3schools.com/cssref/css_units.asp

0