<?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 bootstrap-map - popups? in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/bootstrap-map-popups/m-p/545272#M50782</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I am attempting to make my maps more responsive using bootstrap-map and dojo-bootstrap.&amp;nbsp; I typically use a popup for my infoWindow, defined as &lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;var highlightMarkerSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 22,
&amp;nbsp;&amp;nbsp;&amp;nbsp; new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
&amp;nbsp;&amp;nbsp;&amp;nbsp; new Color([255,255,0]), 2),new Color([255,255,0,0.4]));

&amp;nbsp; var popup = new Popup({
&amp;nbsp;&amp;nbsp;&amp;nbsp; markerSymbol: highlightMarkerSymbol}, 
&amp;nbsp;&amp;nbsp;&amp;nbsp; domConstruct.create("div"));

&amp;nbsp;&amp;nbsp; map = new Map("mapDiv", { 
&amp;nbsp;&amp;nbsp;&amp;nbsp; infoWindow: popup,
&amp;nbsp;&amp;nbsp;&amp;nbsp; basemap: "streets",
&amp;nbsp;&amp;nbsp;&amp;nbsp; center: [-92.593, 38.5],
&amp;nbsp;&amp;nbsp;&amp;nbsp; zoom: 7
&amp;nbsp;&amp;nbsp; });&lt;/PRE&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Using bootstrap-map instead as&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;var popup = new Popup({
&amp;nbsp;&amp;nbsp;&amp;nbsp; markerSymbol: highlightMarkerSymbol}, 
&amp;nbsp;&amp;nbsp;&amp;nbsp; domConstruct.create("div"));

var map = new BootstrapMap("mapDiv", { 
&amp;nbsp;&amp;nbsp;&amp;nbsp; infoWindow: popup,
&amp;nbsp;&amp;nbsp;&amp;nbsp; basemap: "streets",
&amp;nbsp;&amp;nbsp;&amp;nbsp; center: [-92.593, 38.5],
&amp;nbsp;&amp;nbsp;&amp;nbsp; zoom: 7
&amp;nbsp;&amp;nbsp; });


&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/PRE&gt;&lt;P&gt;I'm not getting an error creating a bootstrap map including a popup parameters, but I'm not seeing the typical 'Zoom to' link at the bottom of my infoWindow either. Is this just a styling issue? That was part of the functionality that I liked for using popups.&amp;nbsp; I can see why you might want to have a scaled down infoWindow for a small device, but for a desktop size, it seems like you'd still want to have the full functionality I'm used to seeing.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Am I missing something?&amp;nbsp; Where do I find documentation that gives more detail on the difference between map vs. bootstrap-map?&amp;nbsp; I'm not see much on github.&amp;nbsp;&amp;nbsp; &lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Sat, 11 Dec 2021 23:35:52 GMT</pubDate>
    <dc:creator>TracySchloss</dc:creator>
    <dc:date>2021-12-11T23:35:52Z</dc:date>
    <item>
      <title>bootstrap-map - popups?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/bootstrap-map-popups/m-p/545272#M50782</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I am attempting to make my maps more responsive using bootstrap-map and dojo-bootstrap.&amp;nbsp; I typically use a popup for my infoWindow, defined as &lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;var highlightMarkerSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 22,
&amp;nbsp;&amp;nbsp;&amp;nbsp; new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
&amp;nbsp;&amp;nbsp;&amp;nbsp; new Color([255,255,0]), 2),new Color([255,255,0,0.4]));

&amp;nbsp; var popup = new Popup({
&amp;nbsp;&amp;nbsp;&amp;nbsp; markerSymbol: highlightMarkerSymbol}, 
&amp;nbsp;&amp;nbsp;&amp;nbsp; domConstruct.create("div"));

&amp;nbsp;&amp;nbsp; map = new Map("mapDiv", { 
&amp;nbsp;&amp;nbsp;&amp;nbsp; infoWindow: popup,
&amp;nbsp;&amp;nbsp;&amp;nbsp; basemap: "streets",
&amp;nbsp;&amp;nbsp;&amp;nbsp; center: [-92.593, 38.5],
&amp;nbsp;&amp;nbsp;&amp;nbsp; zoom: 7
&amp;nbsp;&amp;nbsp; });&lt;/PRE&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Using bootstrap-map instead as&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;var popup = new Popup({
&amp;nbsp;&amp;nbsp;&amp;nbsp; markerSymbol: highlightMarkerSymbol}, 
&amp;nbsp;&amp;nbsp;&amp;nbsp; domConstruct.create("div"));

var map = new BootstrapMap("mapDiv", { 
&amp;nbsp;&amp;nbsp;&amp;nbsp; infoWindow: popup,
&amp;nbsp;&amp;nbsp;&amp;nbsp; basemap: "streets",
&amp;nbsp;&amp;nbsp;&amp;nbsp; center: [-92.593, 38.5],
&amp;nbsp;&amp;nbsp;&amp;nbsp; zoom: 7
&amp;nbsp;&amp;nbsp; });


&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/PRE&gt;&lt;P&gt;I'm not getting an error creating a bootstrap map including a popup parameters, but I'm not seeing the typical 'Zoom to' link at the bottom of my infoWindow either. Is this just a styling issue? That was part of the functionality that I liked for using popups.&amp;nbsp; I can see why you might want to have a scaled down infoWindow for a small device, but for a desktop size, it seems like you'd still want to have the full functionality I'm used to seeing.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Am I missing something?&amp;nbsp; Where do I find documentation that gives more detail on the difference between map vs. bootstrap-map?&amp;nbsp; I'm not see much on github.&amp;nbsp;&amp;nbsp; &lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sat, 11 Dec 2021 23:35:52 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/bootstrap-map-popups/m-p/545272#M50782</guid>
      <dc:creator>TracySchloss</dc:creator>
      <dc:date>2021-12-11T23:35:52Z</dc:date>
    </item>
  </channel>
</rss>

