Latest Contributions by LefterisKoumis

‎06-11-2025

I'm using ArcGIS JS API 4.32 and currently converting the app's widgets into components. The app includes a calcite-action-bar on the left side, and I've been successfully integrating components like the LayerList, Legend, and others. Most conversions have been straightforward, except for the Home component. Integrating the Home component into the action bar has been challenging, as it interacts directly with the map view, making it less adaptable to the component-based structure. This is the current setup. <calcite-shell-panel id="primary-shell-panel" slot="panel-start"> <calcite-action-bar slot="action-bar" expand-disabled id="action-bar-left"> <calcite-action-group> <calcite-action data-action-id="home" id="home" text="Home" icon="home"></calcite-action> <calcite-action data-action-id="previous" id="previous" text="Previous Extent" icon="arrow-left"> </calcite-action> <calcite-action data-action-id="next" id="next" text="Next Extent" icon="arrow-right"> </calcite-action> </calcite-action-group> <calcite-action-group> How can I use the home component in the action bar? <arcgis-map item-id="45b3b2fb35e94ab09381d0caa0da5946"> <arcgis-home position="top-left"></arcgis-home> </arcgis-map> @AnneFitz @JoelBennett

‎04-30-2025

I couldn’t find a clear answer to this question on the ESRI site, so I’m hoping someone from ESRI can respond here. Does the use of any of the geometry operators consume credits or result in any charges to our organization? If not, why is a token required to run examples like the one in this tutorial on our own server? https://developers.arcgis.com/javascript/latest/tutorials/find-spatial-relationships/

‎04-28-2025

I figured it out. The easier way to programmatically close the popup and clear the selection/highlight from the map is to close the featuresWidget and emit a click event on the map. Simple. featuresWidget.close(); await new Promise(resolve => setTimeout(resolve, 50)); // Simulate click at center view.emit("click", { mapPoint: view.center, x: view.width / 2, y: view.height / 2, stopPropagation: () => {} });

‎04-28-2025

You misunderstood me. I want to simulate clicking the close button of the features widget when any of the widget located at the action bar is clicked. Nothing is broken. And no, we don't use div for every widget. Each widget in the action bar (Legend, basemaps, layer list...) uses its own panel in the features widget. There are so many examples of it in the Calcite site. I want remove the selection of the feature as I mentioned in the previous posting prior selecting another widget from the action bar.

‎04-25-2025

Thanks, I’ve already tried that. Here’s the issue: I have a feature layer, and when a user clicks on a feature, the popup appears inside the Features widget on the left panel. If the user then clicks a tool on the left action bar—like the Basemap widget—it opens within the same Features widget panel. After that, if the user clicks on another feature, no popup appears, and the Features widget stays blank. However, I can still see the previous feature is still highlighted on the map. What I’m trying to do is this: when a user clicks any widget in the action bar, I want to programmatically close the popup and clear the selection/highlight from the map before the new widget (e.g., Basemap) loads in the Features widget. That way, when a new feature is clicked, its popup loads normally. I noticed that if I manually click the close button on the Features widget before selecting another widget from the action bar, everything works as expected. So, I want to simulate a click on that close button programmatically. I already tried: view.popup.close(); view.popup.selectedFeature = null; featuresWidget.close()

‎04-25-2025

Thanks, but that approach won't work. You're suggesting the use of: document.getElementById(<button id>).click() However, the button ID is dynamically generated at runtime. For example, it looks like: calcite-action-aa0a2d95-2dee-4f9d-4007-45da792b6f6e-button This ID changes every time the FeatureWidget is initialized, making it unreliable to reference directly by ID.

‎04-18-2025

Would like to simulate clicking the close button of the features widget. I tried this but it is not working. I suspect it is because of the shadow root. const closeBtn = document.querySelector(".esri-features__close-button"); if (closeBtn) { closeBtn.click(); } Ideas? Thanks.

‎02-13-2025

Does this widget complies with the Google terms or service for their products? Google TOS prohibits the use of their products on non Google based apps.

‎11-15-2024

Something like this? https://svctenvims.dot.ca.gov/env_viewer/

‎11-07-2024

Never mind. I figured it out.

‎11-07-2024

@KittyHurley Is it possible to apply style to just one of the list items?

‎11-07-2024

Any updates on this request to add menu when clicking on an item of the action bar? This is an alternate way of accomplishing the same task but not very visual appealing. <calcite-action id="action1" text="Settings" icon="gear" scale="m"></calcite-action>  <calcite-popover reference-element="action1" placement="right-start" width="m"> <calcite-list> <calcite-list-item label="Option 1"></calcite-list-item> <calcite-list-item label="Option 2"></calcite-list-item> <calcite-list-item label="Option 3"></calcite-list-item> </calcite-list> </calcite-popover> @KittyHurley @BenElan ? Thank you.

‎10-16-2024

Thank you Ken. After hours of working on this problem, found out that the issue was of how the REST service for this layer was published. After it was republished, the issue went away. However, you script assisted with faster loading of large datasets.

‎10-11-2024

Thank you for the response @KenBuja . Yes, your solution works for that layer. I used that layer in my example because it is visible on the public. However, my issue is with another layer that I cannot share. I am sharing the code of how I define the template, and a brief video to show the issue. const featureLayer = new FeatureLayer({ url: "https://xyz/MapServer/0", outFields:['*'], }); map.add(featureLayer); view.when(() =>{ const popupTemplate = featureLayer.createPopupTemplate(); featureLayer.popupTemplate = popupTemplate; })

‎10-11-2024

For some feature layers, when you click on a feature, you expect the popup to be displayed on the features widget panel, but it just opens and closes the widget immediately! https://codepen.io/lkoumis1/pen/poXqjxR It's similar to the example posted here. The only difference is that I added a feature Layer instead of using a webmap. https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-features

Online Status	Offline
Date Last Visited	3 weeks ago

My Ideas

Latest Contributions by LefterisKoumis

use of home component in a calcite-action-bar

Geometry Operators - credits

Re: simulate click on close button of the features widget

Re: simulate click on close button of the features widget

Re: simulate click on close button of the features widget

Re: simulate click on close button of the features widget

simulate click on close button of the features widget

Re: Enhanced ExB Coordinate widget

Re: calcite-tab-nav with 2 rows

Re: Adding color or background color to a Calcite list item

Re: Adding color or background color to a Calcite list item

calcite-action-menu

Re: features widget not working?

Re: features widget not working?

features widget not working?

disable popup on map using map component

Please Update Experience Builder Documentation.

Re: arcgis-features and mapimagelayer

Feature Table web component

Re: custom widget with layers on map

Experience Builder Custom Widgets

GIS Jobs

Web AppBuilder Custom Widgets