DockEnabled not respected in popup options

[JeffreyThompson2]

I am working in Experience Builder Developer Edition and I am trying to get popups in my map to dock. I am altering the popup options as follows. 

jimuMapView.view.popup = {
dockEnabled: true,
dockOptions: {
position: 'bottom-center'
},
spinnerEnabled: true
}
console.log(jimuMapView.view.popup)

In the console log, dockEnabled is still set to false, but I can alter the position and spinnerEnabled and those changes will be respected.

[Thomas_Fuhrmann]

@JeffreyThompson2I have the same problem. Could you find a workaround?

[JeffreyThompson2 · Accepted solution]

Within the dockOptions object, add a breakpoint that is lower than the width of the screen. Something like this.

dockOptions: {
  position: 'bottom-center',
  breakpoint: {
        width: 544
  } 
}

[Thomas_Fuhrmann]

@JeffreyThompson2Thanks! I set the breakpoint to a higher level than my actual screen size to automatically enable docking. Now it works.

[ChadHarris]

I am just getting into Experience Builder after working with WebAppBuilder Dev edition.  I am having trouble finding where this code is in the file structure?  I have an Experience that I built in Experience Builder on my local Dev edition.  I downloaded the code and hosted it on my agency sever.  I can't seem to find where to make the changes you suggest to dock my popup.  Any help you could provide would be greatly appreciated!!

[JeffreyThompson2]

You can kind of put it in any custom widget. You could potentially even build a no interface, invisible widget just to alter any map settings or css you desire.