Cómo seleccionar elementos ocultos usando el árbol de capas en GemPages

En ocasiones, al trabajar en el editor de GemPages, es posible que oculte elementos dentro de una sección para realizar ajustes de diseño o maquetación. Tras ocultarlos, puede resultar difícil seleccionarlos directamente desde el lienzo.

Para ver y seleccionar elementos ocultos más fácilmente, puede utilizar el Árbol de Capas Función. El árbol de capas le permite ver todos los elementos dentro de una sección, incluidos los ocultos, y seleccionarlos directamente desde una lista estructurada.

¿Cuándo deberías usar el árbol de capas?

El uso del árbol de capas resulta especialmente útil cuando:

• No se puede hacer clic en un elemento directamente en el lienzo.
• Un elemento está oculto en ciertos dispositivos.
• Varios elementos se superponen entre sí
• Quieres localizar rápidamente elementos dentro de un diseño complejo.
• Debes revisar todos los elementos dentro de una sección.

En lugar de hacer clic por todo el lienzo, puedes usar el Árbol de capas para encontrar rápidamente el elemento exacto que necesitas.

Cómo seleccionar elementos ocultos usando el árbol de capas

Sigue estos pasos para abrir el Árbol de capas y seleccionar los elementos ocultos.

Paso 1: Haga clic con el botón derecho en la sección que desea inspeccionar.

Mueva el cursor a la sección que contiene el elemento oculto.

Entonces:

• Haz clic con el botón derecho en la sección
• Aparecerá un menú contextual.

Asegúrate de hacer clic en la sección correcta que contiene los elementos ocultos que deseas encontrar.

Paso 2: Haga clic en Abrir árbol de capas

Desde el menú contextual, haga clic en Árbol de capas abierto

Después de hacer clic en esta opción, el Panel Árbol de capas aparecerá.

Este panel muestra una lista estructurada de todos los elementos dentro de la sección seleccionada.

Paso 3: Visualice todos los elementos dentro de la sección.

Una vez que se abre el árbol de capas:

• Verás todos los elementos contenidos dentro de la sección.
• Los elementos ocultos seguirán apareciendo en la lista.
• Puedes expandir los elementos anidados para ver su estructura.

Esto facilita enormemente la localización de elementos que no son visibles en el lienzo.

Paso 4: Coloca el cursor sobre los elementos para identificarlos visualmente.

Para identificar rápidamente qué elemento es cuál:

• Coloca el cursor sobre cada elemento en el árbol de capas.
• El elemento correspondiente será destacado en el espacio de trabajo de diseño

Este resaltado visual te ayuda a confirmar la ubicación exacta del elemento antes de seleccionarlo.

Paso 5: Haga clic en el elemento para seleccionarlo.

Una vez que encuentres el elemento oculto:

• Haz clic en su nombre dentro del Árbol de capas
• El elemento será seleccionado
• Su configuración aparecerá en el panel de Configuración del elemento.

Ahora puede editar, mostrar, mover o eliminar el elemento según sea necesario.