26
Views
7
Comments
Solved
[OutSystems Maps] How to set the map height as responsive
Question
outsystems-maps
Reactive icon
Forge asset by OutSystems

The height is fixed, and I can not set it as responsive.

2023-03-13 10-26-05
Sriyamini
Solution

Hi,

Did you tried this in your css?

.map-class-selector {

  height: 100vh; 

}

If yes, kindly share your .oml. So it will be easier to look into the problem.


Thanks,

Sriyamini.J

2025-12-15 09-29-24
Thibaut G

Doesn't the map have a Height Input parameter ?
To make it responsive you can use % instead of px

Kind regards

Thibaut 

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hi @R R 

It would be nice if you could provide more context than one sentence out of nothing.
Also, to make this more efficient and collaborative for the community, please share a sample OML where that issue can be reproduced. That way, someone from the community can look without investing more time in implementing or guessing the use case.

Cheers,
GM

UserImage.jpg
R R

Thank you very much.

But I tried many settings, but it doesn't work. I also tried %.

The wide is good. but the height responsive is not work.

2023-03-13 10-26-05
Sriyamini
Solution

Hi,

Did you tried this in your css?

.map-class-selector {

  height: 100vh; 

}

If yes, kindly share your .oml. So it will be easier to look into the problem.


Thanks,

Sriyamini.J

2025-04-14 11-22-14
Aditi Saraswat

Hi @R R,

You can make the map height responsive by applying custom CSS styles. Try adjusting the height using CSS to ensure it scales properly across different screen sizes. 

You can refer to the documentation, as it can help you resolve the issue. https://success.outsystems.com/documentation/11/building_apps/user_interface/patterns/using_mobile_and_reactive_patterns/interaction/map/how_to_use_the_map_component/

Hope this helps

Thanks


UserImage.jpg
R R

Thanks to everyone!
For security reasons, I cannot upload any attachment.
I found the px,% is not work, just need to set the height as vh.

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hey @R R

What do you mean by "I found the px,% is not work"?
Just tested both scenarios, and they are working as expected.


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.