Latest Contributions by MatthewDriscoll

You just need to create an element that when an event happens, like value entered or a button clicked, it passes that value into the part where you have the 10 miles coded.    Here is an example of something similar I have done.   Example Link   ... View more

It probably has something to do with your IT.  Do they make sure to keep Windows up to date?  What version of Windows are you currently on?   Did you try it off network, like at home or a library? ... View more

This is using a portal item, I can get that to work.  It's a feature service where the issue is.  User error.  Thanks for the help! ... View more

Here is a example of changing the calcite design.  I switched the chevrons to arrows. https://codepen.io/mbdriscoll/pen/wvZyXoE?editors=1010   ... View more

I see.  I think you are going to need to customize the calcite.  I looked here, but cannot find which would be the best place to start. ... View more

  ESRI Icons   const directionalPad = new DirectionalPad({ view: view icon: "esri-icon-handle-horizontal", })       ... View more

Here is a working code pen using your same layer.  Your area is just west of where my map loads. https://codepen.io/mbdriscoll/pen/gOyprmg?editors=1010   ... View more

Sorry, I have not tried either one of those things.  ... View more

This is how I did it. The feature tables are vaadin-grids.     // Attach the event listener const grid = featureTable.container.querySelector("vaadin-grid"); if (grid) { grid.addEventListener("cell-activate", cellActivateHandler); } else { console.log("Feature table grid not found."); }; grid.removeEventListener("cell-activate", cellActivateHandler); grid.addEventListener("cell-activate", cellActivateHandler); // Define the cellActivateHandler function function cellActivateHandler(e) { // Important to remove the event listener or it will hold on to the last query and iterate the next one. // Then add it back so it can continue to listen on same table. const feature = e.detail.model.item.feature; const permitNump = feature.attributes.fldpermitnum; const pidBPp = feature.attributes.fldcamanum_1_txt; const datedatap = feature.attributes.fld_permitdate; const newdatep = new Date(datedatap); const finYearp = newdatep.getFullYear(); const query = new Query({ where: "PID = '" + pidBPp + "'", outFields: ["*"], returnGeometry: true, }); // Check if the feature table is ready if (featureTable && featureTable.container) { if(BPhighlights){ BPhighlights.remove(); }; parcelLayer.queryFeatures(query).then(function (result){ if(result.features.length === 0){ alert("The PID for this permit no longer exists!") return }; BPhighlights = parcelLayerViewBP.highlight(result.features); // Create a highlight graphic and add it to the graphics layer result.features.forEach(function (feature){ var parcelExtent = feature.geometry.extent.clone().expand(1.5); theView.goTo({ target: parcelExtent, zoom: 15.75 }); }); }); } else { // Feature table is not ready, handle accordingly console.log("Feature table is not ready."); }; }     ... View more

Maybe a Picture Marker Symbol?  Maybe play around in the symbol builder?  Honestly it might be easiest to create in Pro and host it. ... View more

This works for me.       const labelClass = { // autocasts as new LabelClass() symbol: { type: 'text', // autocasts as new TextSymbol() color: 'yellow', haloColor: 'black', haloSize: 1, font: { // autocast as new Font() family: 'playfair-display', size: 12, weight: 'bold', }, }, deconflictionStrategy: 'none', maxScale: 0, minScale: 15000, labelPlacement: 'always-horizontal', labelExpressionInfo: { expression: '$feature.FID', }, }; const SoilsLayer = new FeatureLayer({ url: 'https://services1.arcgis.com/uye9M5KkL8B18MZq/arcgis/rest/services/KS_Soils/FeatureServer/0', //apiKey: apiKey, //minZoom: 12, // Minimum zoom level of 12 //renderer: L.canvas({ pane: 'middle' }), labelingInfo: [labelClass], lablelsVisible: true, style: { color: 'yellow', // Grey border weight: 1, // Border width fillColor: 'none', // No fill fillOpacity: 0, }, }) map.add(SoilsLayer)         ... View more