<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Popup does not appear to be applying the docking properties correctly in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/popup-does-not-appear-to-be-applying-the-docking/m-p/1074564#M73716</link>
    <description>&lt;P&gt;Hi all, I am trying to set the following popup docking options but the popup does not appear to be applying the properties correctly.&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;view.popup.dockEnabled = true;
view.popup.dockOptions = {
  breakpoint: false,
  buttonEnabled: true,
  position: 'top-centre'
};&lt;/LI-CODE&gt;&lt;P&gt;As per the image, you can see that it places the popup in the top left corner and the pane is also sized too big for the content.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="sullivani_0-1625111826706.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/17458i487E54BD0BFA3DED/image-size/medium?v=v2&amp;amp;px=400" role="button" title="sullivani_0-1625111826706.png" alt="sullivani_0-1625111826706.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;When I click the de-docking button, it places the popup in the default location, but now the dock button is missing, but the pane is sized correctly, as per the image.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="sullivani_1-1625112024162.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/17459i275748E3CDA5FF10/image-size/medium?v=v2&amp;amp;px=400" role="button" title="sullivani_1-1625112024162.png" alt="sullivani_1-1625112024162.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;If I remove the docking properties, then the popup displays correctly using the default properties i.e. top-right etc.&lt;/P&gt;&lt;P&gt;I am using the latest version of the API, but I have also tried it with v4.19 which produces the same issue.&lt;/P&gt;&lt;P&gt;Its possible that I am missing something, but I did review the documentation and followed the samples, still without any success.&lt;/P&gt;&lt;P&gt;Any help will be appreciated.&lt;/P&gt;</description>
    <pubDate>Thu, 01 Jul 2021 04:06:13 GMT</pubDate>
    <dc:creator>sullivani</dc:creator>
    <dc:date>2021-07-01T04:06:13Z</dc:date>
    <item>
      <title>Popup does not appear to be applying the docking properties correctly</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/popup-does-not-appear-to-be-applying-the-docking/m-p/1074564#M73716</link>
      <description>&lt;P&gt;Hi all, I am trying to set the following popup docking options but the popup does not appear to be applying the properties correctly.&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;view.popup.dockEnabled = true;
view.popup.dockOptions = {
  breakpoint: false,
  buttonEnabled: true,
  position: 'top-centre'
};&lt;/LI-CODE&gt;&lt;P&gt;As per the image, you can see that it places the popup in the top left corner and the pane is also sized too big for the content.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="sullivani_0-1625111826706.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/17458i487E54BD0BFA3DED/image-size/medium?v=v2&amp;amp;px=400" role="button" title="sullivani_0-1625111826706.png" alt="sullivani_0-1625111826706.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;When I click the de-docking button, it places the popup in the default location, but now the dock button is missing, but the pane is sized correctly, as per the image.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="sullivani_1-1625112024162.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/17459i275748E3CDA5FF10/image-size/medium?v=v2&amp;amp;px=400" role="button" title="sullivani_1-1625112024162.png" alt="sullivani_1-1625112024162.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;If I remove the docking properties, then the popup displays correctly using the default properties i.e. top-right etc.&lt;/P&gt;&lt;P&gt;I am using the latest version of the API, but I have also tried it with v4.19 which produces the same issue.&lt;/P&gt;&lt;P&gt;Its possible that I am missing something, but I did review the documentation and followed the samples, still without any success.&lt;/P&gt;&lt;P&gt;Any help will be appreciated.&lt;/P&gt;</description>
      <pubDate>Thu, 01 Jul 2021 04:06:13 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/popup-does-not-appear-to-be-applying-the-docking/m-p/1074564#M73716</guid>
      <dc:creator>sullivani</dc:creator>
      <dc:date>2021-07-01T04:06:13Z</dc:date>
    </item>
  </channel>
</rss>

