How to make the components adjust automatically with screen size

[Former Member]

Hi All,

I build a Dashboard using 1.4 on a large monitor and it works fine. When I disconnect from the docking station the dashboard does not adjust to the smaller screen.

For all the components the height and width are set to auto.

I am using grid components and three charts.

Please let me know how to make the components respond according to the screen size/ resolution.

Please help.

Regard

Raj

[Karol-K]

Hi Raj,

is this an issue only when you disconnect the big monitor? what happen when you resize the browser window after the discunnect? I assume that your issue is caused by missing event from the browser to design studio when the monitor disconnect causes the size change. In this case, the solution will be difficult.

you can try to use the from scn community package and check in some test scenario first if the size is correctly reported after disconnect.

Karol

[Former Member]

Hi Raj,

There are plenty of resources on SCN around making your app responsive. You may have to just spend a bit more time searching around here. Many community members (I can't seem to add some of the members links here, I don't know what I'm doing wrong haha) have offered solutions or workarounds in this regard. You will have to sift through these and adapt where necessary.

Bogdan's post above is relevant, as well as looking into css and @media queries.

All in all, I believe your solution already exists on SCN, you just need to find it.

Kind Regards,

Matt

[Former Member]

Hi Raj,

Make sure your first container (usually a panel) has also an auto value to hight and/or width.

Replay,

Bogdan

[former_member187102]

Can you check Profiling Dashboards with Responsive UI, it uses the Extension for SAP Design Studio.

It provides exact solution you're looking for.