Adaptive columns fails for web and mobile

kavya anbazagan

Rank: #3025

Solved

Adaptive columns fails for web and mobile

Question

Reactive

New to OutSystems

Hi All

I am creating a reactive web application for both web and mobile. I have used adaptive columns which should be responsive for both web and mobile. But In my tablet view or web view I can see only the mobile design. How to overcome this issue? Can we apply any media queries?

on 2020-10-23

Lakshmi Kumar Yadav

Rank: #451

Solution

Hi kavya anbazagan ,

You can use the properties of adaptive column to break the content as per device and requirement.

Please refer below link for more detail:

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Traditional_Web_Patterns/Structure/Columns

Hope this helps you..!

Regards,

See solution in context

on 2020-10-23

Agno Silveira

Rank: #171

Hi Kavya,

You can try use DisplayOnDevice:

so for each type of device make a list and specific columns.

Other solution is get the device type with this options:

Regards.

on 2020-10-23

1 reply

on 2020-10-23

Show thread

Hide thread

kavya anbazagan

Rank: #3025

Agno Silveira wrote:

Hi Kavya,

You can try use DisplayOnDevice:

so for each type of device make a list and specific columns.

Other solution is get the device type with this options:

Regards.

Thanks Agno . But I have multiple buttons and containers to be placed in adaptive columns. I want to minimize repetition of values as much as possible.

on 2020-10-23

Agno Silveira

Rank: #171

kavya anbazagan wrote:

Hi All

Yes, you can apply media queries CSS. Example: