Latest Contributions by MatthewDriscoll

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

See this code pen for a working example.  It replaces "," with "  ZZZZ  '. https://codepen.io/mbdriscoll/pen/gOyprmg   ... View more

You need to change the opacity of the class esri-legend__symbol.  ... View more