Appcues utiliza la propiedad z-index de CSS para superponer flujos ( hotspots , modals , etc.) en la aplicación web. El CSS varía según el elemento al que se asocia, pero generalmente buscamos que sea el elemento superior de la página. Para ello, establecemos un valor de z-index muy alto, como 999999999.

Cambiar el índice Z

A veces, nuestro alto valor de índice z entrará en conflicto con los elementos existentes en su página y es posible que necesite ajustar un poco el índice z de Appcues para que la página se vea como debería.

Información sobre herramientas/ hotspots

Puede anular el valor alto del índice Z indicado anteriormente para cada paso dentro de nuestro editor de Chrome. Para ello, seleccione el icono del engranaje en el editor para abrir la barra lateral. En "Información sobre herramientas individual", seleccione "Ubicación" y desplácese hasta que aparezca el campo "Anulación del índice Z" (recuadro negro en la esquina inferior derecha de la pantalla).

Escriba un número que sea uno inferior al índice z del elemento en conflicto en su aplicación y sus cambios se guardarán automáticamente.

El índice z máximo para la mayoría de los navegadores es 2147483647.

Tenga en cuenta que, actualmente, esta anulación del índice z debe realizarse con el campo índice z en el builder Appcues y no puede modificarse con CSS personalizado en un tema. Los patrones de hotspot y tooltip se incluyen en iframes y el CSS de los temas no puede afectarlos.

Modales/Deslizables

La única forma de modificar el índice z de un modal o slideout es agregar el siguiente fragmento al código de su aplicación.

Aquí tienes el fragmento que puedes añadir a tu aplicación. Puedes modificar el número según tus necesidades.

appcues-container { índice z: 100; }