Latest Contributions by LefterisKoumis

‎06-26-2025

Thank you @MattDriscoll . It works. I just updated the references to the new newer version of ArcGIS JS API from 4.32 to 4.33 and it cannot display the map anymore with the error " #spatialReference" "no spatial reference could be derived from the currently added map layers" All I did was to change the JS version. Why the error? As you can see I still use AMD to declare my feature layer. Will AMD go away in the near future and use only ES modules? https://codepen.io/lkoumis1/pen/yyywrvG?editors=1010 Thank you.

‎06-24-2025

I'm using calcite-shell with the content-behind property to enable display-mode: float, which allows the end panel to have an adjustable height. However, with the introduction of components in ArcGIS API for JavaScript 4.32, I noticed that enabling content-behind causes the <arcgis-zoom> component to disappear, and the <arcgis-search> component aligns directly against the action bar without spacing. Below is a demo illustrating the visual difference in the <arcgis-search> and <arcgis-zoom> components when content-behind is enabled versus disabled. https://codepen.io/lkoumis1/pen/yyywrvG?editors=1010 @KittyHurley

‎06-19-2025

There is a probably a simple solution to this. I just want to disable the popup on the feature layer defined by a url when you use arcgis-map component. I already used the popup-enabled="false" but didn't work. I assume that the popup-enabled is working only for arcgis-map with item-id. I can click on a feature and view it on the arcgis-features, but I want to remove the popups display on the map https://codepen.io/lkoumis1/pen/dPogWVR?editors=1111

‎06-16-2025

Sorry, it must be the stupidest posting I ever did. Apparently, didn't clear the cache. Thank you for the reply.

‎06-16-2025

<arcgis-map basemap="streets-navigation-vector" id="my-map" center="-120.45, 37.183" zoom="6"> <arcgis-search position="top-left"></arcgis-search> <arcgis-zoom></arcgis-zoom> </arcgis-map> I don't understand why the zoom is not working. Do I need to use item-id? I don't use a webmap.

‎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> LefterisKoumis_0-1749675554647.png @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.

Online Status	Offline
Date Last Visited	a month ago

My Ideas

Latest Contributions by LefterisKoumis

Re: content-behind coexistence with search and zoom components.

content-behind coexistence with search and zoom components.

disable popup on map using map component

Re: zoom in arcgis-map component

zoom in arcgis-map component

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: ExB compartibility

ExB compartibility

disable popup on map using map component

Please Update Experience Builder Documentation.

Re: arcgis-features and mapimagelayer

Experience Builder Custom Widgets

GIS Jobs

Web AppBuilder Custom Widgets