topic Re: WAB-DE Application Missing Buttons when Published in ArcGIS Web AppBuilder Questions

WAB-DE Application Missing Buttons when Published

Anonymous User — Tue, 26 May 2020 14:07:00 GMT

I have a Web AppBuilder Dev Edition 2.13 Foldable Template app that includes Select and Layer List tools. The widgets work fine in the WAB-DE GUI and local host, but when I publish to to the webshare then the check boxes in the select tool dissapear, as do the Search Button and layer description icons (three little dots to the right) in the Layer List. The elevation Profile tool is also missing the 'download' button. This is a button config issue I am not sure how to resolve it.

Is this a proxy issue? I have replicated the issue in v2.14 with same result in a new template based app with only those two tools. What could be causing this?

Thanks!

Re: WAB-DE Application Missing Buttons when Published

RobertScheitlin__GISP — Tue, 26 May 2020 14:35:39 GMT

You should check your browsers web console and you will likely see that you have some woff and woff2 mime type error. This is because your web server has not been setup for those mime type and you just need to fix that. I have addressed this issue in several previous threads and you can find the link to directions to setup those or you can do a quick Google search too.

Re: WAB-DE Application Missing Buttons when Published

Anonymous User — Tue, 26 May 2020 14:58:09 GMT

Thank you Robert. I don't have any errors in the console but I will look for your previous threads per your recommendation for addressing the MIME error and post an update here. This does appear to be a CSS lost in translation issue... thank you for the guidance.

Re: WAB-DE Application Missing Buttons when Published

RobertScheitlin__GISP — Tue, 26 May 2020 15:35:49 GMT

Sorry I meant to say your browsers network tab, not web console. You will likely find some 40x errors there dealing with woff and woff2 files

Re: WAB-DE Application Missing Buttons when Published

Anonymous User — Tue, 26 May 2020 17:17:01 GMT

I checked and there are no errors on the network tab either... I did discover that the app is loading correctly in Firefox; yet in Chrome and Edge it is working only in the development server, but it is not loading the widget's css correctly (no buttons) in the publication server (apache). Can I override the application mime type registration in the index.html somehow?

(I wasn't able to find references to your previous threads on the issue... nor do i have access to the server config files.)

Thank you for your time!

Re: WAB-DE Application Missing Buttons when Published

RobertScheitlin__GISP — Tue, 26 May 2020 22:05:40 GMT

Andra,

Strange. Is this app where I can get access to test it?

Re: WAB-DE Application Missing Buttons when Published

Anonymous User — Wed, 27 May 2020 16:24:43 GMT

Kind of you to offer Robert! No, it is not accessible externally. The app is on the intranet, which may be part of the problem... I think I might set up a proxy to see if that helps.

Re: WAB-DE Application Missing Buttons when Published

RobertScheitlin__GISP — Wed, 27 May 2020 19:20:12 GMT

That would not make sense that it works in Firefox if it is a proxy issue though. So you are sure in Chrome when you open the network tab and scroll through the network requests there are no red line with with 403 or 404 errors?

Re: WAB-DE Application Missing Buttons when Published

KenBuja — Wed, 27 May 2020 20:56:47 GMT

There might be some security issues, since Chrome does enforce rules differently than Firefox.

Re: WAB-DE Application Missing Buttons when Published

Anonymous User — Wed, 27 May 2020 21:41:24 GMT

Its all OK with 200's except for a couple of 304 and 307 for text/plain types and the css font family Ubuntu... I sorted by status to verify and there are no 403 or 404 errors.

I would rather not use a proxy if it is unnecessary. It works like a charm in firefox. I also tested the web server config that removed and replaced the fonts MIME/type registrations, but had no change on the publication server. I am stumped?

I could host it externally for testing or send you the app in a ZIP for testing if you thinks it a worthwhile investigation and you are up for it!

Re: WAB-DE Application Missing Buttons when Published

RobertScheitlin__GISP — Thu, 28 May 2020 23:56:41 GMT

Andra,

I am fine testing it either way. Just let me know.

Re: WAB-DE Application Missing Buttons when Published

RobertScheitlin__GISP — Tue, 02 Jun 2020 12:30:59 GMT

Andra,

So there seems to be a missing file "widgets/Select/css/style.css".

Can you check your file system on the web server and see if this file exists?

Re: WAB-DE Application Missing Buttons when Published

Anonymous User — Tue, 02 Jun 2020 14:34:54 GMT

Yes that file does exist in the directory.

Re: WAB-DE Application Missing Buttons when Published

RobertScheitlin__GISP — Tue, 02 Jun 2020 14:41:22 GMT

Andra,

So for some reason your web server is not serving that file when it is requested, but it is serving up other css files.

https://www.dot.state.mn.us/environment/oescolas/test/widgets/Select/css/style.css?wab_dv=2.13

Could you have some syntax error in that file?

Re: WAB-DE Application Missing Buttons when Published

KenBuja — Tue, 02 Jun 2020 15:14:14 GMT

But that doesn't explain why the Layer List in Firefox shows the three dots while the Chrome map doesn't

Re: WAB-DE Application Missing Buttons when Published

RobertScheitlin__GISP — Tue, 02 Jun 2020 15:43:59 GMT

Ken,

Thanks. That pushed me in the right direction.

Andra,

It seems that the issue is with the .svg files. Your web server is returning .svg files as xml and it should be rendering them as images.

Here is mine:

https://gis.calhouncounty.org/Parcelviewer2/jimu.js/css/images/more_normal.svg

here is yours:

https://www.dot.state.mn.us/environment/oescolas/test/jimu.js/css/images/more_normal.svg

So it seems like a .svg mime type configuration issue.

Re: WAB-DE Application Missing Buttons when Published

Anonymous User — Tue, 02 Jun 2020 17:10:55 GMT

I think you found it but my solution is not working. I added the mime type specification for svg to the web config and tried an updated header for the application meta in the HTML doc... but no change. Is there another way to import the correct mime type (without altering the server .htaccess doc)?

Thanks for your time Ken and Robert!

Re: WAB-DE Application Missing Buttons when Published

RobertScheitlin__GISP — Tue, 02 Jun 2020 17:24:42 GMT

Andra,

See these links

https://css-tricks.com/snippets/htaccess/serve-svg-correct-content-type/

https://davidwalsh.name/serve-svg-image

Re: WAB-DE Application Missing Buttons when Published

Anonymous User — Tue, 02 Jun 2020 17:38:22 GMT

Thanks. I will reach out to the server admin for the update to the htaccess. Your help is greatly appreciated.

Take care,