Latest Contributions by LefterisKoumis

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. ... View more

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()   ... View more

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.   ... View more

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. ... View more

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

Never mind. I figured it out.  ... View more

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

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; })     ... View more

Is it possible to change the font style for a component of the calcite-navigation? For example, can I change the color and font size of just the heading? Thanks. ... View more

Great. Thank you. Nice way to address the issue, temporarily, correct? So, there is no way through the use of css to adjust the spacing between the menu items? I have 12 items and it occupies 70% of the screen! Ridiculous. ... View more