Latest Contributions by SaffiaHossainzadeh2

I am having a very similar issue. I apply a popupTemplate that uses Arcade expressions on a featureLayer and it works fine. But, if I query that feature layer, and return the results in a graphicsLayer (similar to QueryTask | ArcGIS API for JavaScript 4.13), then the Arcade expressions no longer work in the popup and I get the same error in the console as mentioned above. I will look into applying the async/await suggestion by Noah Sager (did that help @Giovanni Populis?), but in the mean time, just wanted to document my similar issue.   ... View more

That didn't work for me straight away. I will try some more though.  Thanks a lot for your input! ... View more

Hmm...that doesn't work for me. I added line 205 to the config.json: I similarly added "height":125 to a position property in a widgetPool section of config.json. And nothing happened. I tried adding a new position property at other spots inside the legend widget (like after line 177), but none of my attempts were successful. Am I missing something?  Just for completeness, I was able to adjust the legend size as I intended using an entirely different method. I added the following css tag in the index.html file: .jimu-pocket-panel {   height: 95px !important;   width: 220px !important; } It would not work without the !important part. ... View more

Hi,  I've downloaded the source code of the web app (created from web app builder), and I'm trying to edit the config.json to make the legend smaller (in height), as suggested by Robert Scheitlin, GISP. There are two spots related to the Legend widget where the position property exists, and I've added "height": 125 in both spots. However no changes take place when I reload the app. I've also tried inspecting the element in the google chrome developer tools. I find that the legend seems to be contained within this element: <div class="jimu-panel jimu-pocket-panel" id="_19_panel" widgetid="_19_panel" style="left: auto; top: 10px; right: 15px; bottom: 10px; width: 360px; height: 125px; padding: 0px; z-index: 101; position: absolute;"></div> Usually the height property is set to auto, but when I specify 125px for that style property, it changes the legend to the height I want! But I can't figure out how to export this change to my files that I launch the app from. How would I permanently edit my html or css file to reflect this change? I tried adding .jimu-panel .jimu-pocket-panel{ height: 125px; } towards the top of the index.html page (where the other css styles are), but this did not work. Any help would be appreciated! Thanks! Saffia ... View more

Hi , I've come across a similar need. I have the standard layerlist widget that uses the eyeball icon (esri-icon-visible and esri-icon-non-visible) to toggle layers on and off. I'd rather use the checkbox icon (esri-icon-checkbox-checked and esri-icon-checkbox-unchecked). So how would I specify to use that different icon in the CSS? I am new to web app development and am not familiar with all the capabilities of CSS.  I have figured out how to remove the eyeball icon via the CSS: .esri-layer-list__item-toggle {    display: none; } But I don't know what property values I could use to replace the icon with a different image.  The JS API documentation and the above thread mentions the LayerList.tsx file, but I don't know how to implement changes to my app via this type of file. I see that there is an iconVisible and iconInvisible class, so that is probably what I want to change at a root level, but again, I am new to this and I'm not sure how to incorporate a tsx file into my app. Or, I'm not sure if there is an easier way. By browsing and reading the documentation I feel like I have all the pieces but I don't know how to put them together. Any help on this matter would be greatly appreciated!   Thanks! Saffia ... View more