Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Cancel
- Home
- :
- About MatthewDriscoll
MatthewDriscoll
MVP Alum
since
02-07-2017
05-28-2026
487
Posts created
435
Kudos given
41
Solutions
477
Kudos received
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
My Ideas
(11 Idea Submissions)Latest Contributions by MatthewDriscoll
|
POST
|
You changed some class names in the html, so you need to do that in the javascript too. .category-item data-category const seasonsNodes = document.querySelectorAll(`.category-item`);
const seasonsElement = document.getElementById("seasons-filter");
// click event handler for seasons choices
seasonsElement.addEventListener("click", filterBySeason);
// User clicked on Winter, Spring, Summer or Fall
// set an attribute filter on flood warnings layer view
// to display the warnings issued in that season
function filterBySeason(event) {
console.log(document.querySelectorAll('.category-item'));
const selectedSeason = event.target.getAttribute("data-category");
floodLayerView.filter = {
where: "Category = '" + selectedSeason + "'"
};
}
... View more
03-07-2024
12:27 PM
|
0
|
1
|
1217
|
|
POST
|
See this code pen for a working example. It replaces "," with " ZZZZ '. https://codepen.io/mbdriscoll/pen/gOyprmg
... View more
03-04-2024
08:49 AM
|
1
|
2
|
2094
|
|
POST
|
You need to do this using arcade in the expressionInfos.
... View more
03-04-2024
08:42 AM
|
1
|
3
|
2094
|
|
POST
|
Here is a working codepen example. I have the timeout set really high so you will need to wait around 15-30 seconds to see the opacity change on the 4th item in the legend. https://codepen.io/mbdriscoll/pen/XWQWexm
... View more
02-29-2024
07:52 AM
|
1
|
1
|
1179
|
|
POST
|
You need to change the opacity of the class esri-legend__symbol.
... View more
02-28-2024
02:12 PM
|
0
|
2
|
1185
|
|
POST
|
Is there a way to change the default size of a rectangle sketch single click? The size seems to be determined by the scale you are currently viewing the map at, the more you zoom in the smaller the single click rectangle is. For now I will default to freehand mode but, if possible, it would be nice to be able to change the size and behavior of a single click.
... View more
02-27-2024
09:04 AM
|
0
|
0
|
761
|
|
POST
|
I am trying to update some code, getting rid of deprecated items. I am trying to change my feature table selections from selectRows() to highlightIds.add(), but I am having trouble. I am guessing I am needing to add some more lines of code getting graphics first? Any help will be appreciated. https://codepen.io/mbdriscoll/pen/GReBgYd?editors=1000 parcelLayer.queryFeatures(query)
.then(function(response) {
// Open the popup with the queried features
theView.openPopup({
features: response.features,
featureMenuOpen: true,
featuresPerPage: 100,
});
addButtonToContainer();
if(response.features.length === 0){
alert("Search query found no results.");
return
}else{
for(let iii=0; iii < response.features.length; iii++){
//console.log(response.features[iii])
//featureTable.selectRows(response.features[iii]);
featureTable.highlightIds.add(response.features[iii]);
console.log(featureTable.highlightIds.add(response.features[iii]))
featureTable.filterBySelection();
}
};
});
... View more
02-26-2024
07:18 AM
|
0
|
1
|
1025
|
|
POST
|
Print export is not including any labels. I set forceFeatureAttributes to true. What am I missing? // Style the label
var labelClass = {
symbol: {
type: "text", // autocasts as new TextSymbol()
color:[254, 252, 203], //"white",//[230, 224, 0],
haloColor: "Black",
haloSize: 2,
lineWidth:55,
font: {
// autocast as new Font()
family: "Avenir Next LT Pro Medium",
size: 8,
weight: "bold"
}
},
labelExpressionInfo: {
expression: singleLine
},
labelPlacement: "always-horizontal",
minScale: 7500
};
parcelLayer.labelingInfo = [labelClass];
... View more
02-15-2024
01:43 PM
|
0
|
0
|
747
|
|
IDEA
|
It would be nice if the ability to print tables, including the feature menu tables. As I understand it, this is coming to the print widget, but it would be nice to have it with the actual tables. See my solution to this here https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/print-popup-feature-menu-and-feature-tables/m-p/1367472#M83601. ***** EDIT: 4.34 Still not available. Actions in components, something similar to Experience builder, would be a nice fix. Something like this for feature menus.
... View more
02-15-2024
09:24 AM
|
1
|
1
|
1019
|
|
POST
|
When I use a search query, it only loads the first 20 results initially into the feature menu. It then loads the next 20 as I scroll, ect.. So when I go to print the results I only get those results, but I need all results. I understand this is by design with good reason, but does anyone have an idea on how to get around this? See codepen below for an example. https://codepen.io/mbdriscoll/pen/GReBgYd
... View more
02-08-2024
11:53 AM
|
0
|
1
|
1032
|
|
POST
|
Here is my solution to printing the popup feature menu. https://codepen.io/mbdriscoll/pen/GReBgYd <html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>Feature Layer Popup Test</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.28/esri/themes/dark/main.css" />
<script src="https://js.arcgis.com/4.28/"></script>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script>
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/FeatureLayer",
"esri/Basemap",
"esri/layers/TileLayer",
], (Map,MapView,FeatureLayer,Basemap,TileLayer) => {
const aerial2022 = new Basemap({
baseLayers: [
new TileLayer({
url: "https://www.jfksgis.us/image/rest/services/Aerials/Aerials_2022_cache/MapServer",
title: "Basemap"
}),
],
title: "2022 Aerial",
visible: true,
});
const parcelLayer = new FeatureLayer({
url: "https://www.jfksgis.us/server/rest/services/BaseLayers/JFKSBaseMapLayers/MapServer/3",
title: 'Search Results',
popupTemplate : createPopupTemplate(),
listMode: "hide",
outFields:["*"]
});
const theMap = new Map({
basemap : aerial2022,
layers : [parcelLayer]
});
const theView = new MapView({
container : "viewDiv",
map : theMap,
center : [-95.3804157, 39.2315224],
highlightOptions: {
color: [64, 247, 244],
fillOpacity: 0.2,
},
popup: {
visibleElements: {
closeButton: true,
},
dockEnabled: true,
dockOptions: {
autoOpenEnabled: false,
position: "bottom-right",
breakpoint: false,
buttonEnabled: false,
},
},
});
function createPopupTemplate(){
const urlTax = "https://ks1418.cichosting.com/ttp/tax/Search/search_tax_results.aspx?";
const urlRC = "https://www.jfksgis.us/prc/"
var parInfo = 'https://www.jfksgis.us/JFKSParcelSearch/parcelInformation.html';
var platy = "Replace($feature.Plat_HL, ' ', '%20')"
return{
title:
"<b>Owner:</b> {PartyName_1} " +
"<br /><b>Address: </b> {PropertyAddress}" +
"<br><b>Property Number: </b> {PropertyNumber}" +
"<br><b>Appraisal:</b> ${RP_AprTot}",
outFields: ["*"],
content:
[
{
type: "fields",
fieldInfos:[
{
fieldName: "QuickRefID",
label: "Quick Ref ID",
},
{
fieldName: "ACRES",
label: "Acres",
format:{
places: 2,
}
},
]
},
{
type: "text",
text: "<a class='hyperlinkURL' target='_blank' href=" + parInfo + "?PropertyID={PropertyID}&PID={PID}&PropNum={PropertyNumber}>Parcel Information</a>      <a class='hyperlinkURL' target='_blank' href=" + urlTax + "PID={PID}>Tax Information</a>"
},
{
type: "text",
text: "<a class='hyperlinkURL2' target='_blank' href=https://{expression/platlinked}>View Plat</a>      <a class='hyperlinkURL' href=" + urlRC + "{PropertyNumber}.pdf>Property Record Card</a>",
},
],
expressionInfos:[
{
name: "platlinked",
expression: platy,
},
],
fieldInfos:[{
fieldName: "RP_AprTot",
label: "Total Appraised Value",
format: {
places: 2,
digitSeparator: true,
}
},
],
}
};
function addButtonToContainer() {
const isElementLoaded = async selector => {
while (document.querySelector(selector) === null) {
await new Promise(resolve => requestAnimationFrame(resolve));
}
};
// Wait for the feature menu container to be fully loaded
isElementLoaded('.esri-popup__main-container').then(() => {
console.log("Feature menu container loaded");
let myDiv = document.querySelector('.esri-popup__main-container');
let button = document.createElement('button5');
button.innerText = "Print";
button.style.position = "absolute";
button.style.top = "5px";
button.style.right = "5px";
button.style.zIndex = "9999"; // Set a high z-index value
button.style.backgroundColor = "white";
button.style.color = "black";
button.style.fontWeight = "bold";
button.style.padding = "3px 3px";
button.style.cursor = "pointer";
button.addEventListener("click", printDiv);
myDiv.appendChild(button);
});
}
function printDiv(){
const isElementLoaded = async selector => {
while (document.querySelector(selector) === null) {
await new Promise(resolve => requestAnimationFrame(resolve));
}
}
isElementLoaded('.esri-popup__main-container').then(() => {
console.log("Feature menu loaded");
var printContent = document.querySelector('.esri-popup__main-container').innerHTML;
const modifiedContent = printContent.replace(/Back/g, '').replace(/Owner/g, '<br><br><br>Owner');
printWindow = window.open('', '_blank');
printWindow.document.write(modifiedContent);
printWindow.document.close();
// Wait for a short period before printing
setTimeout(function() {
printWindow.print();
}, 100);
})
};
let query = parcelLayer.createQuery();
query.where = "PartyName_1 LIKE '%driscoll%'";
query.outFields = [ "*" ];
parcelLayer.queryFeatures(query)
.then(function(response) {
// Open the popup with the queried features
theView.openPopup({
features: response.features,
featureMenuOpen: true,
featuresPerPage: 100,
}),
addButtonToContainer();
});
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
... View more
02-07-2024
12:24 PM
|
0
|
0
|
2062
|
|
POST
|
You were correct. I used the graphics not the layer. https://codepen.io/mbdriscoll/pen/GReBgYd
... View more
02-06-2024
07:42 AM
|
0
|
0
|
2049
|
|
POST
|
The layer does have a title, see below. I do add graphics directly, but the popup template is on the feature layer. I will play around with it. Is there a way to just not show the heading at all? \ const parcelLayer = new FeatureLayer({
url: "https://www.jfksgis.us/server/rest/services/BaseLayers/JFKSBaseMapLayers/MapServer/3",
title: "parcel Layer",
popupTemplate : createPopupTemplate(),
listMode: "hide",
outFields:["*"]
});
... View more
02-06-2024
06:22 AM
|
0
|
0
|
2057
|
|
POST
|
Both examples given use the exact same code. function createPopupTemplate(){
const urlTax = "https://ks1418.cichosting.com/ttp/tax/Search/search_tax_results.aspx?";
const urlRC = "https://www.jfksgis.us/prc/"
var parInfo = 'https://www.jfksgis.us/JFKSParcelSearch/parcelInformation.html';
var platy = "Replace($feature.Plat_HL, ' ', '%20')"
return{
title:
"<b>Owner:</b> {PartyName_1} " +
"<br /><b>Address: </b> {PropertyAddress}" +
"<br><b>Property Number: </b> {PropertyNumber}" +
"<br><b>Appraisal:</b> ${RP_AprTot}",
outFields: ["*"],
content:
[
{
type: "fields",
fieldInfos:[
{
fieldName: "QuickRefID",
label: "Quick Ref ID",
},
{
fieldName: "ACRES",
label: "Acres",
format:{
places: 2,
}
},
]
},
{
type: "text",
text: "<a class='hyperlinkURL' target='_blank' href=" + parInfo + "?PropertyID={PropertyID}&PID={PID}&PropNum={PropertyNumber}>Parcel Information</a>      <a class='hyperlinkURL' target='_blank' href=" + urlTax + "PID={PID}>Tax Information</a>"
},
{
type: "text",
text: "<a class='hyperlinkURL2' target='_blank' href=https://{expression/platlinked}>View Plat</a>      <a class='hyperlinkURL' href=" + urlRC + "{PropertyNumber}.pdf>Property Record Card</a>",
},
],
expressionInfos:[
{
name: "platlinked",
expression: platy,
},
],
fieldInfos:[{
fieldName: "RP_AprTot",
label: "Total Appraised Value",
format: {
places: 2,
digitSeparator: true,
}
},
],
}
};
... View more
02-05-2024
12:04 PM
|
0
|
3
|
2082
|
|
POST
|
*edit for more context There seems to be a new item of heading in the search feature menu popup. How do I change that from "Untitled" to something else or to get rid of it completely? 4.21 - Link Example - 4.21 4.28 - Link Example - 4.28
... View more
02-05-2024
09:28 AM
|
0
|
4
|
2156
|
My kudoed posts
| Title | Kudos | Posted |
|---|---|---|
| 1 | 02-23-2026 09:28 AM | |
| 2 | 05-21-2026 09:21 AM | |
| 1 | 05-19-2026 02:25 PM | |
| 1 | 05-19-2026 08:11 AM | |
| 1 | 04-17-2026 01:08 PM |
Activity Feed
- Got a Kudo for AI + ArcGIS Maps SDK for JavaScript - Spinning Up an Emergency Field App in Minutes. 2 weeks ago
- Got a Kudo for Re: Search Component exactMatch possible BUG?. 05-21-2026 12:44 PM
- Got a Kudo for Re: Disable Tooltip on Search Component. 05-21-2026 12:39 PM
- Posted Re: Disable Tooltip on Search Component on ArcGIS JavaScript Maps SDK Questions. 05-21-2026 12:34 PM
- Got a Kudo for Search Component: exactMatch Bring back full-text searchable index. 05-21-2026 12:25 PM
- Got a Kudo for Re: Disable Tooltip on Search Component. 05-21-2026 11:54 AM
- Posted Re: Disable Tooltip on Search Component on ArcGIS JavaScript Maps SDK Questions. 05-21-2026 09:21 AM
- Got a Kudo for Re: Trouble Using Reactive Utils On Initially Undefined Variable. 05-21-2026 09:02 AM
- Kudoed Re: Custom Widget Version Control Best Practices for SunshineLuke90. 05-21-2026 06:21 AM
- Kudoed Re: Disable Tooltip on Search Component for SebastianKrings. 05-21-2026 05:57 AM
- Posted Re: Disable Tooltip on Search Component on ArcGIS JavaScript Maps SDK Questions. 05-20-2026 01:40 PM
- Kudoed Re: Trouble Using Reactive Utils On Initially Undefined Variable for JasonBartling1. 05-20-2026 10:45 AM
- Posted Re: Disable Tooltip on Search Component on ArcGIS JavaScript Maps SDK Questions. 05-20-2026 10:44 AM
- Posted Re: Trouble Using Reactive Utils On Initially Undefined Variable on ArcGIS JavaScript Maps SDK Questions. 05-19-2026 02:25 PM
- Posted Re: Trouble Using Reactive Utils On Initially Undefined Variable on ArcGIS JavaScript Maps SDK Questions. 05-19-2026 02:02 PM
- Posted Re: Trouble Using Reactive Utils On Initially Undefined Variable on ArcGIS JavaScript Maps SDK Questions. 05-19-2026 01:43 PM
- Got a Kudo for Re: Highlight showing individual polygons (not merged). 05-19-2026 09:34 AM
- Posted Re: Highlight showing individual polygons (not merged) on ArcGIS JavaScript Maps SDK Questions. 05-19-2026 08:11 AM
- Kudoed Make subtype lists in Editor component collapsible and provide a combobox with custom sorting for FabianHannich. 05-05-2026 06:50 AM
- Kudoed Add support for printing PrimitiveOverrides on Graphics for gqzomer. 05-04-2026 12:15 PM
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
05-28-2026
06:06 AM
|