<?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 Customize view.popu.open featureMenuOpen display in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/customize-view-popu-open-featuremenuopen-display/m-p/1225277#M79117</link>
    <description>&lt;P&gt;I was wondering if its possible to customize how the featureMenuOpen option for the popup.open of the popup template.&amp;nbsp; The default is for it to display the title of the popup template.&amp;nbsp; Basically I want to display the menu options as a table, but not the final popup.&amp;nbsp; See below.&lt;/P&gt;&lt;P&gt;Desired Menu&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Results.jpg"&gt;&lt;img src="https://community.esri.com/skins/images/175935ADFBC58F81456AC02C8CF1A556/responsive_peak/images/image_not_found.png" alt="Results.jpg" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Desired Popup&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="WantedFinalResults.jpg"&gt;&lt;img src="https://community.esri.com/skins/images/175935ADFBC58F81456AC02C8CF1A556/responsive_peak/images/image_not_found.png" alt="WantedFinalResults.jpg" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Not wanted Popup if I use the desired menu&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="NotWantedFinalResults.jpg"&gt;&lt;img src="https://community.esri.com/skins/images/175935ADFBC58F81456AC02C8CF1A556/responsive_peak/images/image_not_found.png" alt="NotWantedFinalResults.jpg" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;function getResults(results){
      // get the resulting query features and set the symbology for the graphics layers to display the results
      const searchResults = results.features.map(function(feature){
        
        // popup for the result(s)
        feature.popupTemplate = createPopupTemplate();
        return feature
      });

      // response handlers from to many or not enough results.
      if(searchResults.length &amp;gt; 100){
        alert("Over 100 query results found, please provide a more specific query!");
      }
      if(searchResults.length == 0){
        alert("No results found for this query!")
      }
      else if(searchResults.length &amp;lt;= 100){
        resultsLayer.addMany(searchResults);
      
      // add the popup of the results to the view
      theView.popup.open({
        features: searchResults,
        featureMenuOpen: true,
        //closeButton: true,
        title: "testst",
        collapsed: true
      });&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="c"&gt;function createPopupTemplate(){
      const urlTax = "https://";
      const urlRC = "https://www."
      var parInfo = 'https://www.html'; 
      return{
        title:
          "&amp;lt;b&amp;gt;Owner: &amp;lt;/b&amp;gt; {PartyName}" +
          "&amp;lt;b&amp;gt;Address: &amp;lt;/b&amp;gt; {PropertyAddress}" +
          "&amp;lt;b&amp;gt;Property Number: &amp;lt;/b&amp;gt; {PropertyNumber}", //+
          //"&amp;lt;table&amp;gt;" +
          //"&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Owner:&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Address:&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;PropertyNumber&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;" +
          //"&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;{PartyName}&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;{PropertyAddress}&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;{PropertyNumber}&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;",
          //"&amp;lt;a class='hyperlinkURL2' target='_blank' href='#{Plat_HL}'&amp;gt;View Plat&amp;lt;/a&amp;gt;",
        outFields: ["*"],
        content:
          [
            {
              type: "fields",
              fieldInfos:[
                {
                  fieldName: "QuickRefID",
                  label: "Quick Ref ID",
                },
                {
                  fieldName: "ACRES",
                  label: "Acres",
                  format:{
                    places: 2,
                  }
                },
                {
                  fieldName: "RP_AprTot",
                  label: "Total Appraised Value",
                  format: {
                    places: 2,
                    digitSeparator: true,
                  }
                },                
              ]
            },
            {
              type: "text",
              text: "&amp;lt;a class='hyperlinkURL' target='_blank' href=" + parInfo + "?PropertyID={PropertyID}&amp;amp;PID={PID}&amp;amp;PropNum={PropertyNumber}&amp;gt;Parcel Information&amp;lt;/a&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;lt;a class='hyperlinkURL' target='_blank' href=" + urlTax + "PID={PID}&amp;gt;Tax Information&amp;lt;/a&amp;gt;"
            },
            {
              type: "text",
              text: "&amp;lt;a class='hyperlinkURL2' target='_blank' href=https://{expression/platlinked}&amp;gt;View Plat&amp;lt;/a&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;lt;a class='hyperlinkURL' href=" + urlRC + "{PropertyNumber}.pdf&amp;gt;Property Record Card&amp;lt;/a&amp;gt;", 
            },          
          ],      
          expressionInfos:[
            {
              name: "platlinked",
              expression: platy, 
            },
          ]
      }&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Thu, 27 Oct 2022 16:20:01 GMT</pubDate>
    <dc:creator>MatthewDriscoll</dc:creator>
    <dc:date>2022-10-27T16:20:01Z</dc:date>
    <item>
      <title>Customize view.popu.open featureMenuOpen display</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/customize-view-popu-open-featuremenuopen-display/m-p/1225277#M79117</link>
      <description>&lt;P&gt;I was wondering if its possible to customize how the featureMenuOpen option for the popup.open of the popup template.&amp;nbsp; The default is for it to display the title of the popup template.&amp;nbsp; Basically I want to display the menu options as a table, but not the final popup.&amp;nbsp; See below.&lt;/P&gt;&lt;P&gt;Desired Menu&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Results.jpg"&gt;&lt;img src="https://community.esri.com/skins/images/175935ADFBC58F81456AC02C8CF1A556/responsive_peak/images/image_not_found.png" alt="Results.jpg" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Desired Popup&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="WantedFinalResults.jpg"&gt;&lt;img src="https://community.esri.com/skins/images/175935ADFBC58F81456AC02C8CF1A556/responsive_peak/images/image_not_found.png" alt="WantedFinalResults.jpg" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Not wanted Popup if I use the desired menu&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="NotWantedFinalResults.jpg"&gt;&lt;img src="https://community.esri.com/skins/images/175935ADFBC58F81456AC02C8CF1A556/responsive_peak/images/image_not_found.png" alt="NotWantedFinalResults.jpg" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;function getResults(results){
      // get the resulting query features and set the symbology for the graphics layers to display the results
      const searchResults = results.features.map(function(feature){
        
        // popup for the result(s)
        feature.popupTemplate = createPopupTemplate();
        return feature
      });

      // response handlers from to many or not enough results.
      if(searchResults.length &amp;gt; 100){
        alert("Over 100 query results found, please provide a more specific query!");
      }
      if(searchResults.length == 0){
        alert("No results found for this query!")
      }
      else if(searchResults.length &amp;lt;= 100){
        resultsLayer.addMany(searchResults);
      
      // add the popup of the results to the view
      theView.popup.open({
        features: searchResults,
        featureMenuOpen: true,
        //closeButton: true,
        title: "testst",
        collapsed: true
      });&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="c"&gt;function createPopupTemplate(){
      const urlTax = "https://";
      const urlRC = "https://www."
      var parInfo = 'https://www.html'; 
      return{
        title:
          "&amp;lt;b&amp;gt;Owner: &amp;lt;/b&amp;gt; {PartyName}" +
          "&amp;lt;b&amp;gt;Address: &amp;lt;/b&amp;gt; {PropertyAddress}" +
          "&amp;lt;b&amp;gt;Property Number: &amp;lt;/b&amp;gt; {PropertyNumber}", //+
          //"&amp;lt;table&amp;gt;" +
          //"&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;Owner:&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;Address:&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;PropertyNumber&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;" +
          //"&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;{PartyName}&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;{PropertyAddress}&amp;lt;/td&amp;gt;&amp;lt;td&amp;gt;{PropertyNumber}&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;",
          //"&amp;lt;a class='hyperlinkURL2' target='_blank' href='#{Plat_HL}'&amp;gt;View Plat&amp;lt;/a&amp;gt;",
        outFields: ["*"],
        content:
          [
            {
              type: "fields",
              fieldInfos:[
                {
                  fieldName: "QuickRefID",
                  label: "Quick Ref ID",
                },
                {
                  fieldName: "ACRES",
                  label: "Acres",
                  format:{
                    places: 2,
                  }
                },
                {
                  fieldName: "RP_AprTot",
                  label: "Total Appraised Value",
                  format: {
                    places: 2,
                    digitSeparator: true,
                  }
                },                
              ]
            },
            {
              type: "text",
              text: "&amp;lt;a class='hyperlinkURL' target='_blank' href=" + parInfo + "?PropertyID={PropertyID}&amp;amp;PID={PID}&amp;amp;PropNum={PropertyNumber}&amp;gt;Parcel Information&amp;lt;/a&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;lt;a class='hyperlinkURL' target='_blank' href=" + urlTax + "PID={PID}&amp;gt;Tax Information&amp;lt;/a&amp;gt;"
            },
            {
              type: "text",
              text: "&amp;lt;a class='hyperlinkURL2' target='_blank' href=https://{expression/platlinked}&amp;gt;View Plat&amp;lt;/a&amp;gt;&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;amp;nbsp&amp;lt;a class='hyperlinkURL' href=" + urlRC + "{PropertyNumber}.pdf&amp;gt;Property Record Card&amp;lt;/a&amp;gt;", 
            },          
          ],      
          expressionInfos:[
            {
              name: "platlinked",
              expression: platy, 
            },
          ]
      }&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 27 Oct 2022 16:20:01 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/customize-view-popu-open-featuremenuopen-display/m-p/1225277#M79117</guid>
      <dc:creator>MatthewDriscoll</dc:creator>
      <dc:date>2022-10-27T16:20:01Z</dc:date>
    </item>
  </channel>
</rss>

