<?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 How to use bootstrap modal in arcgic javascript 4.28 in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-use-bootstrap-modal-in-arcgic-javascript-4/m-p/1385832#M83723</link>
    <description>&lt;P&gt;Hi:&lt;BR /&gt;I meet a problem about using bootstrap in arcgis javascript.&lt;BR /&gt;the code is as following:&lt;BR /&gt;&lt;BR /&gt;&amp;lt;div class="modal inmodal fade" id="popup_modal" aria-hidden="true" style="z-index: 9999;"&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-dialog"&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-content animated "&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-header"&amp;gt;&lt;BR /&gt;&amp;lt;h4 class="modal-title"&amp;gt;Graphic features&amp;lt;/h4&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-body" style="height:350px;overflow-y:scroll"&amp;gt;&lt;BR /&gt;&amp;lt;div class="row" id="featuresTable"&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-footer"&amp;gt;&lt;BR /&gt;&amp;lt;button type="button" class="btn btn-white" data-dismiss="modal"&amp;gt;CLOSE&amp;lt;/button&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;BR /&gt;And after using $("#&lt;SPAN&gt;popup_modal&lt;/SPAN&gt;").modal("show"), I got the error message which show there is no such&amp;nbsp;&lt;/P&gt;&lt;P&gt;a function modal. So, the problem is how to using bootstrap modal in arcgic javascript environment, any instructions is appreciated, thanks a lot&lt;/P&gt;</description>
    <pubDate>Fri, 23 Feb 2024 02:04:25 GMT</pubDate>
    <dc:creator>AbramhumHsu</dc:creator>
    <dc:date>2024-02-23T02:04:25Z</dc:date>
    <item>
      <title>How to use bootstrap modal in arcgic javascript 4.28</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-use-bootstrap-modal-in-arcgic-javascript-4/m-p/1385832#M83723</link>
      <description>&lt;P&gt;Hi:&lt;BR /&gt;I meet a problem about using bootstrap in arcgis javascript.&lt;BR /&gt;the code is as following:&lt;BR /&gt;&lt;BR /&gt;&amp;lt;div class="modal inmodal fade" id="popup_modal" aria-hidden="true" style="z-index: 9999;"&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-dialog"&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-content animated "&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-header"&amp;gt;&lt;BR /&gt;&amp;lt;h4 class="modal-title"&amp;gt;Graphic features&amp;lt;/h4&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-body" style="height:350px;overflow-y:scroll"&amp;gt;&lt;BR /&gt;&amp;lt;div class="row" id="featuresTable"&amp;gt;&lt;BR /&gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;div class="modal-footer"&amp;gt;&lt;BR /&gt;&amp;lt;button type="button" class="btn btn-white" data-dismiss="modal"&amp;gt;CLOSE&amp;lt;/button&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&amp;lt;/div&amp;gt;&lt;BR /&gt;&lt;BR /&gt;And after using $("#&lt;SPAN&gt;popup_modal&lt;/SPAN&gt;").modal("show"), I got the error message which show there is no such&amp;nbsp;&lt;/P&gt;&lt;P&gt;a function modal. So, the problem is how to using bootstrap modal in arcgic javascript environment, any instructions is appreciated, thanks a lot&lt;/P&gt;</description>
      <pubDate>Fri, 23 Feb 2024 02:04:25 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-use-bootstrap-modal-in-arcgic-javascript-4/m-p/1385832#M83723</guid>
      <dc:creator>AbramhumHsu</dc:creator>
      <dc:date>2024-02-23T02:04:25Z</dc:date>
    </item>
  </channel>
</rss>

