WAB-DE Application Missing Buttons when Published

[Anonymous User]

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!

A

[RobertScheitlin__GISP]

Andra,

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

[RobertScheitlin__GISP]

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?

[Anonymous User]

Yes that file does exist in the directory. 

[RobertScheitlin__GISP]

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?

[KenBuja]

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

[RobertScheitlin__GISP · Accepted solution]

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.

[Anonymous User]

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!

A

[RobertScheitlin__GISP]

Andra,

See these links

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

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

[Anonymous User]

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

Take care,

A