Layer List menu button fails to display in a Web AppBuilder for ArcGIS (Developer Edition) app deployed to IIS 7

Description

When an application created using Web AppBuilder (Developer Edition) is deployed to an Internet Information Services version 7 (IIS 7) web server, the Layer List menu button fails to display.

However, the functionality of the menu still works if the area where the button is usually located is clicked:

• http://<DomainName>/AppName>/jimu.js/css/fonts/feature_actions.woff
• http://<DomainName>/AppName>/jimu.js/css/images/more_normal.svg
• http://<DomainName>/AppName>/jimu.js/css/images/more_hover.svg

Cause

The MIME types used, Web Open Font format (WOFF) and SVG file type, are incompatible with IIS 7, since IIS 7 is not configured for these MIME types. Hence, the three dots representing the menu button is not displayed.

Note:
The WOFF (.woff) file is a font format file used in web pages, and the SVG (.svg) file is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation.

Solution or Workaround

Use the following steps provided to configure IIS for the MIME types.

1. Open IIS Manager and select the desired Web Site Home. Refer to the following Microsoft web help document for more information: Microsoft: How to: Open IIS Manager.

2. Double-click MIME Types.

3. Add the two desired MIME Types, WOFF and SVG:
   • For File name extension: .woff
   • For MIME Type: application/x-woff

• For File name extension: .svg
• For MIME Type: image/svg+xml

4. Open the web app and view the Layer List widget. The '...' displays as expected.

5. Click the menu button to test and confirm its functionality.