Table of Contents
¿Qué es?
HTML Div es un componente de tipo Display. Es un contenedor genérico de HTML, que permite insertar código HTML personalizado directamente dentro de la pantalla. Al arrastrarlo al lienzo viene con un contenido de ejemplo precargado (“HTML content here”).
Propiedades
Al seleccionar HTML Div en el lienzo, el panel derecho muestra “Properties of Div” con las siguientes opciones:
- Component ID: identificador único del componente, autogenerado (ej.
div_c60dcb86). - Visibility → Hidden on load: casilla para que el componente esté oculto al cargar la pantalla. Puede mostrarse luego mediante una acción de tipo Show (ver Events & Actions).
- HTML Content: campo de código donde se escribe el contenido en HTML directamente (ej.
<p>HTML content here</p>). - Style → Custom Class: campo para asignar una clase CSS personalizada.
- Style → Custom Style: campo de texto para CSS personalizado aplicado directamente a este componente.
- Delete Component: elimina el componente del lienzo.
- Events & Actions: sistema para definir comportamientos interactivos. Ver documentación aparte: Nexus – Events & Actions.
Ejemplo de uso
El contenido se escribe directamente en HTML dentro de HTML Content. Por ejemplo:
html
<p>Este es un párrafo con <strong>texto en negrita</strong> y un <a href="https://www.rocketbot.com">link</a>.</p>A diferencia del componente Text (que usa Markdown), HTML Div permite escribir HTML puro, útil para estructuras más complejas o personalizadas que no se logran fácilmente con Markdown.
