Select to view content in your preferred language

Making the MapView Div Padding Dependent on Screen Width?

336
0
07-29-2022 09:29 AM
ArianaBernal
Occasional Contributor

Hi there, 

I am wondering how I may be able to set the map view div padding to change dependent on the width of the screen within Javascript? Currently my app is using padding to push map elements to the side for the action bar. but in mobile this separation is unwanted.

ArianaBernal_1-1659110967191.png

ArianaBernal_0-1659110952583.png

ArianaBernal_4-1659111110958.png

I see in the documentation there is a watch breakpoint function but I don't think it works for what I am trying to accomplish.

I also tried setting a media query for padding in CSS but this doesn't seem to respond. Is there another method of accomplishing this? 

here is what I was trying with the watch breakpoint function: 

padding: view.watch("widthBreakpoint", function (Val) {
      if (Val === "xlarge" || Val === "large" || Val === "medium") {
        padding: {
          left: 50;
        }
      }
    }),
 

Thank you

 

0 Kudos
0 Replies