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; } } }

_WidgetOpacityMixin Version 1.1.3 May 5, 2015

LarryStout

This Mixin Class works with most in-panel Web AppBuilder widgets.

Live Preview Site

Changes in Version 1.1.3

Changed all instances of _widgetOpacityMixin* to _WidgetOpacityMixin*.

Changes in Version 1.1.2

Modified the Mixin Class to destroy itself when the host widget is destroyed.

Bug Fixes in Version 1.1.1

Fixed the Mixin so it would work with FireFox and IE as well as Chrome.
Updated the Live Preview Site.

Features:

Puts a new icon on the widget header. Clicking the icon opens a tooltip dialog with a slider that controls the opacity of the widget.
The dialog can be closed by clicking on the close button. If your device has a mouse or a touch pad, the dialog will close shortly after the mouse leaves it.

Find more posts tagged with

Widget Downloads

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.