Latest Contributions by AshleyPeters

I did find a solution for my problem. It was completely related to screen resolution. I just have to minimize the window a bit and everything works fine. ... View more

Thanks for the info @T_R. However, there isn't a single layer in each map that can be removed.  ... View more

I'm also experiencing intermittent performance issues with Experience Builder, particularly with layers and the basemap in the map widget. When I try to open the layers or the basemap, the tool window basically flashes. I've opened a case with Esri, but no luck so far with resolving the issue. We've tested on multiple machines, on multiple browsers. So far, the only commonality has been the issue has presented on three desktop machines at two different locations. Has not presented on two other desktops, on any laptop we've tested, or any phone we've tested. Testing has occurred behind different firewalls and on personal computers. https://experience.arcgis.com/experience/1a4ff69a9d6142aab92e3056df8a787f  ... View more

@SarahSaint-Ruth For this most recent scenario, it is for guidance only. In speaking with the biologist, he figured a circle would be the easiest buffer, but a rectangle would be more representative of the project. He had asked for a circle that covered 18 acres. We've had projects in the past when running transects where it would be used both for guidance and knowing when something fell outside of the scope of the project. ... View more

We have the same need for surveys where a biologist needs to stay within a set radius. ... View more

Fabricio, Did you find a solution to this? I am using an Arcade Expression to generate a list of species (common name, scientific name, and protection status) in JavaScript, but have not yet been able to figure out how to italicize just the species name. Any insight you may have would be appreciated. Ashley ... View more

Wow, thank you all! I looked at actions, but didn't see anything that made sense for a solution. But, that worked like a charm. Always good to learn something new! ... View more

Viktor, We've taken the code that Ken provided and have reworked it so it works with our data. Here it is: // Initialize variables // This is the construct for telling the query which layer to pull from const visibleLayer = counties; let highlight, grid; // call clearMap method when clear is clicked const clearbutton = document.getElementById("clearButton"); clearbutton.addEventListener("click", clearMap); view.on("click", function (event) { clearMap(); queryFeatures(event); }); function queryFeatures(screenPoint) { const point = view.toMap(screenPoint); // Query the for the feature ids where the user clicked visibleLayer .queryObjectIds({ geometry: point, spatialRelationship: "intersects", returnGeometry: false, outFields: ["*"] }) .then(function (objectIds) { if (!objectIds.length) { return; } // Highlight the area returned from the first query view.whenLayerView(visibleLayer).then(function (layerView) { if (highlight) { highlight.remove(); } highlight = layerView.highlight(objectIds); }); // Query the for the related features for the features ids found return visibleLayer.queryRelatedFeatures({ outFields: ["SpeciesGroup", "CommonName", "ProtectionLevels"], relationshipId: visibleLayer.relationships[2].id, objectIds: objectIds }); }) .then(function (relatedFeatureSetByObjectId) { if (!relatedFeatureSetByObjectId) { return; } // Create a grid with the data Object.keys(relatedFeatureSetByObjectId).forEach(function ( objectId ) { // get the attributes of the FeatureSet const relatedFeatureSet = relatedFeatureSetByObjectId[objectId]; const rows = relatedFeatureSet.features.map(function (feature) { return feature.attributes; }); if (!rows.length) { return; } // create a new div for the grid of related features // append to queryResults div inside of the gridDiv const gridDiv = document.createElement("div"); const results = document.getElementById("queryResults"); results.appendChild(gridDiv); // destroy current grid if exists if (grid) { grid.destroy(); } // create new grid to hold the results of the query grid = new Grid( { // create field aliases for query window columns: Object.keys(rows[0]).map(function (fieldName) { var fieldAliases = { SpeciesGroup: "Species Group", CommonName: "Common Name", ProtectionLevels: "Protection Level" }; return { label: fieldAliases[fieldName] || fieldName, field: fieldName, sortable: true }; }) }, gridDiv ); // add the data to the grid grid.renderArray(rows); }); clearbutton.style.display = "inline"; }) .catch(function (error) { console.error(error); }); } function clearMap() { if (highlight) { highlight.remove(); } if (grid) { grid.destroy(); } clearbutton.style.display = "none"; }   I've never tried to write queries before within the API, so I have had a few meetings with our IT group to get their assistance with this issue. We gave them the same code block above, with the idea of working from it to move towards a popup. So far, this is the closest we've come up with, and it isn't behaving properly. const visibleLayer3 = hex; let highlight3, grid3; // call clearMap method when clear is clicked const clearbutton3 = document.getElementById("clearButton"); clearbutton3.addEventListener("click", clearMap); view.on("click", function (event) { clearMap(); queryFeatures(event); }); function queryFeatures(screenPoint) { var strResult = ''; //const strResult = document.getElementById("prpResults"); const point = view.toMap(screenPoint); // Query the for the feature ids where the user clicked visibleLayer3 .queryObjectIds({ geometry: point, spatialRelationship: "intersects", returnGeometry: false, outFields: ["*"] }) .then(function (objectIds) { if (!objectIds.length) { return; } // Highlight the area returned from the first query view.whenLayerView(visibleLayer3).then(function (layerView) { if (highlight3) { highlight3.remove(); } highlight3 = layerView.highlight3(objectIds); }); // Query the for the related features for the features ids found return visibleLayer3.queryRelatedFeatures({ outFields: ["SpeciesGroup", "CommonName", "ProtectionLevels"], relationshipId: visibleLayer3.relationships[0].id, objectIds: objectIds }); }) .then(function (relatedFeatureSetByObjectId) { if (!relatedFeatureSetByObjectId) { return; } // Create a grid with the data Object.keys(relatedFeatureSetByObjectId).forEach(function ( objectId ) { // get the attributes of the FeatureSet const relatedFeatureSet = relatedFeatureSetByObjectId[objectId]; const rows = relatedFeatureSet.features.map(function (feature) { return feature.attributes; }); if (!rows.length) { return; } //**** Shane Code Beg **** strResult = '<ul>'; //document.getElementById("prpResults").innerHTML = '<ul>'; //strResult.value = '<ul>'; var aobjRows = rows; for (let z = 0; z < aobjRows.length; z++) { let strCommonName = aobjRows[z].CommonName; let strSpeciesGroup = aobjRows[z].SpeciesGroup; let strProtectionLevel = aobjRows[z].ProtectionLevels; //alert(aobjRows[z].CommonName); strResult += '<li>' + strCommonName + ',' + strSpeciesGroup + ',' + strProtectionLevel + '<li>'; //strResult.value += '<li>' + strCommonName + ',' + strSpeciesGroup + ',' + strProtectionLevel + '<li>'; //document.getElementById("prpResults").innerHTML += '<li>' + strCommonName + ',' + strSpeciesGroup + ',' + strProtectionLevel + '<li>'; } strResult += '</ul>'; //strResult.value += '</ul>'; //document.getElementById("prpResults").innerHTML += '</ul>'; //**** Shane Code End **** //*** Begin Comment *** // create a new div for the grid of related features // append to queryResults div inside of the gridDiv const gridDiv = document.createElement("div"); const results = document.getElementById("queryResults"); results.appendChild(gridDiv); // destroy current grid if exists if (grid3) { grid3.destroy(); } // create new grid to hold the results of the query grid3 = new Grid( { // create field aliases for query window columns: Object.keys(rows[0]).map(function (fieldName) { var fieldAliases = { SpeciesGroup: "Species Group", CommonName: "Common Name", ProtectionLevels: "Protection Level" }; return { label: fieldAliases[fieldName] || fieldName, field: fieldName, sortable: true }; }) }, gridDiv ); // add the data to the grid grid3.renderArray(rows); //**** End comment **** }); alert(strResult); //alert(document.getElementById("prpResults").value); clearbutton3.style.display = "inline"; }) .catch(function (error) { console.error(error); }); alert(strResult); //alert(document.getElementById("prpResults").innerHTML); //alert(document.getElementById("prpResults")); } function clearMap() { if (highlight3) { highlight3.remove(); } if (grid3) { grid3.destroy(); } clearbutton.style.display = "none"; } This code isn't clean, but will give an idea the direction we are heading.   ... View more

Actually, we did run across that script and have been playing around with it. It works for us, but the map has three layers we need to toggle between, and we haven't been able to get it to work/focus on just the layer that is turned on. We also tried to rework it so it would open in a popup, but have not had success with that either. Both of those issues are likely due to lack of experience with queries on our end. ... View more

I do. But, per Esri, there is a limitation in ArcGIS Enterprise that doesn't allow it to work. It only works on hosted feature layers on AGOL. See the note here: RelationshipContent | API Reference | ArcGIS Maps SDK for JavaScript 4.26 | ArcGIS Developers ... View more

I have, yes. We can't use that sample as a guide as the layer sits on our ArcGIS Server and not on ArcGIS Online. I believe the closest I can get is actually using Query Related Records (Feature Service)—ArcGIS REST APIs | ArcGIS Developers. I have no experience with writing queries, so that's acting as another wall at the moment. ... View more

Has support for non-hosted layers been released? ... View more