Popup dock positions

The Popup widget by default contains an icon that (when clicked) docks the popup on the corner of the view. This sample demonstrates some of the docking options that can be used. This is done with the dockOptions property on the Popup.

1
2
3
4
5
6
7
8
9
view.popup = {
  dockEnabled: true,
  dockOptions: {
    // Disables the dock button from the popup
    buttonEnabled: false,
    // Ignore the default sizes that trigger responsive docking
    breakpoint: true
  }
};

The map shows demographic data for block groups in the Boston area.Size is used to indicate size of unemployed population 16 years and older in 2015, while color is used to show the per capita income growth from 2015-2020. The aqua color indicates slower income growth, and the yellow color indicates faster income growth.