Componente Forma

El componente de Forma te permite agregar formas a tu página para enriquecer el diseño.

Para agregar un componente de forma sigue los siguientes pasos:

1. En la sidebar, selecciona la sección en la que vas a colocar la forma

2. Haz clic en “+Añadir componente”.

3. Selecciona el componente de “Forma”.

Configurar/Editar un componente de Forma

1. Para editar la imagen, haz clic en la opción “Editar” en los tres puntos del componente en la sidebar, o haz clic en el ícono de “Editar” en tu componente en la página.

2. En “Nombre del componente” puedes cambiar el nombre de la forma para que puedas identificarla fácilmente en otras funciones como “mover” y “duplicar”.

3. En “Color de fondo” selecciona un color, o ingresa un código hexadecimal de color.

4.  En “Ancho”, ingresa el valor (en pixeles), para determinar el ancho de la forma.

5. En “Alto”, ingresa el valor (en pixeles), para determinar el alto de la forma.

6.  En “Top”, escribe cuántos pixeles hay entre el borde superior de la sección y la forma. 

7. En “Left”, escribe cuántos pixeles hay entre el borde izquierdo de la sección y la forma. 

8. En “zIndex”, escribe un número del 1 al 10 para determinar en qué “capa” de la página va a estar tu forma.

9. En “Redondez” puedes suavizar las puntas de tu forma. 

10. En “Sombra” puedes agregar una sombra a tu forma. Selecciona una de las siguientes opciones:

    1.  SM: Para una sombra pequeña

    2. MD: Para una sombra mediana

    3. XL: Para una sombra grande

    4. Sin sombra

11. Activa la función “Tiene borde” si quieres colocar un borde a tu forma.

1. En “Color del borde” selecciona un color para tu borde

2. En “Ancho” determina el grosor de tu borde

3. En “Tipo” selecciona el estilo de tu 

   1. Solid: Para un borde continuo.

   2. Dashed: Para un borde rayado.

   3. Dotted: Para un borde punteado.

12. Si tu forma va a tener un Business Logic, haz clic en “Configurar Lógica de negocio”. y configura el Business Logic.