* hide Filter button for attribute table */ We’re looking for elements with an aria-label of “Filter”.

This allows us to match an element based upon the value of an attribute. The trick relies on CSS attribute selectors. And while a skilled developer could figure out how to unhide the button, they can also probably figure out how to get the REST endpoint of the service – so you’re not really stopping them. Unless Esri has added the explicit option to disable this tool, I think the following CSS rule is your best option. However, I was able to add a CSS rule to hide button that opens the Filter tool. It cannot be disabled.Īfter a support call with Esri, we learned there was not a way to remove this tool. The filter button allows users to query datasets. And while this normally isn’t an issue, when we were migrating our Property Mapper from FlexViewer to Web AppBuilder, we were required to disable this, as it would allow the public to search for property owners by name. Disabling the Filter Feature from the Attribute Table Widgetīy default, the Attribute Table Widget provides a Filter tool that allows user to perform queries against the layers. I’ve also discovered that when upgrading to a newer version of Web AppBuilder, sometimes your CSS rules need to be updated as well. I also pull the default styles from the style tag in the index.html file into a separate style.css file, which is where I add my custom rules. Note: The exact style rules may be different from app to app. Our solutions were mostly CSS “hacks.” I wanted to share a few of these solutions in this post. A screenshot of the Esris Web AppBuilder web map applicationĪs my organization was developing these apps, we realized several work-arounds were required to add or remove functionality. For the Developer Edition, you install the product on your computer’s local hard-drive, develop the app, export it as a zipped file, extract, and place on your web server. The Developer Edition allows you to create custom themes and add custom widgets, features that are not available in the cloud-hosted version of the product. It’s essentially a HTML5/JavaScript container that displays a web map and various widgets in a standard layout. I’ve recently had the opportunity to develop a few web map apps using Esri’s Web AppBuilder (Developer Edition) platform. It has been updated to reflect changes working with Web AppBuilder version 2.8. Note: This article was first published on.

Creating reports + web app builder