https://community.esri.com/t5/arcgis-online-questions/custom-popup-element-shows-field-in-alphabetical/m-p/1396434#M58119 <P>I have customised the popup to use a popupElement to only display fields with content. With the help of ChatGPT this is my code:&nbsp;</P><P>&nbsp;</P><LI-CODE lang="javascript">var popupContent = "&lt;table style='border-collapse: collapse;'&gt;"; var cellPadding = "8px"; // Adjust padding as needed // Field map to hold the field names and their corresponding values var fieldMap = { "Facility ID": $feature.facility_ID, "Name": $feature.name, "Description": $feature.description, "Wharf": $feature.wharf, "Berth": $feature.berth, "Condition Assessment Rating": $feature.ca_rating, "Condition Assessment Date": Text($feature.ca_date, "dddd DD MMMM Y"), "Condition Assessment Comments": $feature.ca_comments, "Collection Method": $feature.collection_method, "Source": $feature.source, "Source Date": Text($feature.source_date, "dddd DD MMMM Y") }; // Add fields to popup content var i = 0; for (var fieldName in fieldMap) { var fieldValue = fieldMap[fieldName]; if (fieldValue != null &amp;&amp; fieldValue != "") { var rowColor; if (i % 2 == 0) { rowColor = "#FBFBFB"; } else { rowColor = "#EDEDED"; } popupContent += "&lt;tr style='background-color:" + rowColor + "'&gt;&lt;td style='padding:" + cellPadding + "'&gt;&lt;b&gt;" + fieldName + ":&lt;/b&gt;&lt;/td&gt;&lt;td style='padding:" + cellPadding + "'&gt;" + fieldValue + "&lt;/td&gt;&lt;/tr&gt;"; i++; } } popupContent += "&lt;/table&gt;"; // Return statement adjusted for popupElement return { type: "text", text: popupContent };</LI-CODE><P>&nbsp;However the result i'm getting is showing the fields in alphabetical order, not the order listed in my code. I am unsure as to why - can anyone help?</P><P>I had alternate code previously that was working the way I wanted, but the request is that it be formatted in a table, like the default ESRI popup but customised to only show fields with content, hence the code.</P><P><BR />Feature Layer is hosted in ArcGIS online but cannot be shared publicly.</P> Fri, 15 Mar 2024 05:13:18 GMT Sian_Doherty_GHD 2024-03-15T05:13:18Z https://community.esri.com/t5/arcgis-online-questions/custom-popup-element-shows-field-in-alphabetical/m-p/1396434#M58119 <P>I have customised the popup to use a popupElement to only display fields with content. With the help of ChatGPT this is my code:&nbsp;</P><P>&nbsp;</P><LI-CODE lang="javascript">var popupContent = "&lt;table style='border-collapse: collapse;'&gt;"; var cellPadding = "8px"; // Adjust padding as needed // Field map to hold the field names and their corresponding values var fieldMap = { "Facility ID": $feature.facility_ID, "Name": $feature.name, "Description": $feature.description, "Wharf": $feature.wharf, "Berth": $feature.berth, "Condition Assessment Rating": $feature.ca_rating, "Condition Assessment Date": Text($feature.ca_date, "dddd DD MMMM Y"), "Condition Assessment Comments": $feature.ca_comments, "Collection Method": $feature.collection_method, "Source": $feature.source, "Source Date": Text($feature.source_date, "dddd DD MMMM Y") }; // Add fields to popup content var i = 0; for (var fieldName in fieldMap) { var fieldValue = fieldMap[fieldName]; if (fieldValue != null &amp;&amp; fieldValue != "") { var rowColor; if (i % 2 == 0) { rowColor = "#FBFBFB"; } else { rowColor = "#EDEDED"; } popupContent += "&lt;tr style='background-color:" + rowColor + "'&gt;&lt;td style='padding:" + cellPadding + "'&gt;&lt;b&gt;" + fieldName + ":&lt;/b&gt;&lt;/td&gt;&lt;td style='padding:" + cellPadding + "'&gt;" + fieldValue + "&lt;/td&gt;&lt;/tr&gt;"; i++; } } popupContent += "&lt;/table&gt;"; // Return statement adjusted for popupElement return { type: "text", text: popupContent };</LI-CODE><P>&nbsp;However the result i'm getting is showing the fields in alphabetical order, not the order listed in my code. I am unsure as to why - can anyone help?</P><P>I had alternate code previously that was working the way I wanted, but the request is that it be formatted in a table, like the default ESRI popup but customised to only show fields with content, hence the code.</P><P><BR />Feature Layer is hosted in ArcGIS online but cannot be shared publicly.</P> Fri, 15 Mar 2024 05:13:18 GMT https://community.esri.com/t5/arcgis-online-questions/custom-popup-element-shows-field-in-alphabetical/m-p/1396434#M58119 Sian_Doherty_GHD 2024-03-15T05:13:18Z