nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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!

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

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.

All comments

Anonymous User

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!

RobertScheitlin__GISP

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

Anonymous User

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.

RobertScheitlin__GISP

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.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.