¿Cómo usar condiciones para ocultar y mostrar elementos en Bubble.io?

Paso 1: Agrega Estados Personalizados para Elementos

• Abra el inspector del elemento donde desea el estado personalizado.
• Haga clic en el pequeño símbolo ⓘ en la barra superior para acceder al inspector de elementos.
• Agrega un nuevo estado personalizado si aún no está creado. Si estás usando texto, deja el tipo como 'texto'.
• Define un valor predeterminado para tu estado personalizado, si es necesario.

Paso 2: Establece el Estado con una Acción

• Agrega la acción 'Establecer estado de un elemento' a un flujo de trabajo.
• Elija el elemento donde ha guardado el estado personalizado, como el índice.
• Asigna el valor al estado personalizado que corresponde a la condición para mostrar u ocultar elementos.

Paso 3: Agrega Condiciones para la Visibilidad del Elemento

• Selecciona el grupo o elemento que deseas mostrar u ocultar.
• Abre el inspector de elementos haciendo doble clic en él.
• Utiliza expresiones dinámicas en la pestaña 'Condicional' para verificar el valor del estado personalizado o el parámetro de URL.
• Configura la condición especificando cuando el elemento debe ser visible (por ejemplo, cuando un estado personalizado o un parámetro de URL es igual a un texto específico).

Paso 4: Uso de Parámetros de URL (Alternativa a Estados Personalizados)

• También puedes usar parámetros de URL configurándolos en el navegador o con la acción 'Ir a la página'.
• Agrega o modifica los parámetros de URL a través de acciones para reflejar las condiciones que deseas para mostrar u ocultar elementos.
• Lee los valores del parámetro de URL en la pestaña 'Condicional' de tu elemento y configura las condiciones según sea necesario.

Paso 5: Mostrar/Ocultar Elementos Usando Acciones

• Si se prefieren las acciones, agrega acciones de 'Mostrar un elemento' u 'Ocultar un elemento' a un flujo de trabajo cuando desees controlar manualmente la visibilidad.
• Para alternar la visibilidad, utiliza la acción 'Alternar un elemento' y selecciona el elemento apropiado dentro de la acción.

Paso 6: Aplica las Condiciones de Visibilidad

• Configura la condición en cada elemento que necesita ser mostrado u ocultado.
• Especifica diferentes valores de estado personalizado o parámetro de URL para controlar la muestra u ocultación de cada elemento individualmente.

Es importante destacar que, dependiendo de la complejidad de tu aplicación, puedes elegir utilizar principalmente acciones o condiciones. Las acciones pueden ser más rápidas para aplicaciones más sencillas, mientras que las condiciones podrían ser mejores para mantener la visibilidad en numerosos elementos en aplicaciones más complejas.