The png icons do not appear when I access the URL after downloading the app on to the server.
Nora,
What errors do you see in the browsers web console?
Above are the error messages. When I look in the folders there are the correct png images.
The fact that the app is looking for pngs in this folder (http s://arbgisapps.ad.arb.ca.gov/webappbuilder/apps/3/widgets/About/images/icon.png) tells me that something went wrong with the download of the app from WAB and subsequent publishing of the app to your web server. The apps/3 is only a folder that would be available in WAB Dev machine and should not be referenced on the web server. Did you download the app from WAB Dev and then extracted the zipped app to your web server?
Deploy your app—Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers
The other errors about woff and woff2 are due to you not having those MIME types registered with your web server.
Yes, I downloaded the app and the extracted the folder.
Something went wrong then... Try again.
I'm experiencing the same issue and have tried redownloading it. @RobertScheitlin__GISP or @NoraKennedy did you ever find a solution?
Karina,
Sorry I have never had this issue myself. You may want to contact esri tech support.
@RobertScheitlin__GISP I will reach out to them. Thanks for your prompt reply!
I am having similar issue of widget icon not showing in webappviewer. I am getting following error in inspect window:
https://[mymachinename]/webappviewer/widgets/MyFirstWidget/images/icon.png?wab_dv=2.21 404 (Not Found)
I was able to see my icon when I copy pasted my icon image in Image folder of my widget. But after I tried to edit/save the image, I don't see it anymore. I am trying to fix the path of the image but cannot figure out how to do it. Anyone knows how to fix this?
So, I was able to fix the problem and it was very simple and silly issue. The image I copy pasted was .jpg file and webappviewer was looking for 'icon.png'. I just had to change the image type 🙂
We're seeing this now with WABDE version 2.24. It inserts an icon line for each widget that references the dev environment. (has webappbuilder/apps/17 in the icon entries)
To my knowledge it's never happened before to us. The previous config.json files did not have the "icon" set on the widgets and now they do, with the wrong URL in them.
I am pretty sure I could go through the config and remove each and every "icon" line from each widget to make it work but what a pain that would be.
I am wondering if there is a setting now that I need to adjust to stop it from adding the optional icon line to the config.json file.
Referring to the "config-readme.txt" file, it says
//Optional. If not set, use the icon in widget folder."icon": "",
@Brian_Wilson
delete the whole "icon": "", don't just set it to an empty string.
Thanks, I understand that, but why is wabde adding "icon" entries now? Is this a setting that changed?
I want my non-JSON literate co-workers to continue updating apps without having to edit the config.json manually for them on each deployment.
Yep this is something new'ish. There is no way to disable it that I am aware of.
I have a call in now to Esri but there was no immediate solution. (I gave them a link to this posting too.)
We're not planning on keeping WAB around forever so I don't really want to troubleshoot this. I was briefly tempted to dig into the javascript that creates the problem but then I'd just be working for Esri for free.
We don't publish from WABDE every day. So I built a workaround for it. I will give my team a script similar to this, which can be run after deployment. This version strips out the stupid "icon" lines and spits the repaired JSON code out to STDOUT (eg prints it). If anyone else hits this bug maybe this will help you too. I haven't decided what the final version will look like but this does the job for now. I will probably add code to make it into a filter (make a backup file and overwrite the config.json file) and stick it in a Python toolbox.
""" Read a config.json file and remove the weird references to icon.png files. Give me a filename and I will repair the file and spit the new data out to STDOUT. Give me nothing and I will run a unit test """ import sys import re def do_work(data): previous_line = None re_search = re.compile(r'"icon":\s+\"/webappbuilder') for line in data: line = line.rstrip() # Remove newline if previous_line: if re_search.search(line): # drop this line and remove the comma from the previous line if previous_line.endswith(','): previous_line = previous_line[:-1] line = None # this line will be dropped print(previous_line) previous_line = line if previous_line: print(previous_line) if __name__ == "__main__": # unit test test_data = [ "1 remove comma from this line,", '2 "icon": "/webappbuilder this line should get dropped', "3 some text,", '4 "icon": "webappbuilder this line should not match so it should be in output', "5 last line" ] try: config = sys.argv[1] with open(config, "r") as fp: config_data = fp.readlines() do_work(config_data) except: print("Running tests") do_work(test_data)
Now on to more interesting problems... Cheers.
Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
