Las secciones DudaFlex son filas con dos columnas flex predeterminadas que crean un diseño básico. Una vez que añade una sección, puede agregar, eliminar o reorganizar columnas, flexboxes o cuadrículas avanzadas adicionales para crear el diseño deseado. Luego puede agregar widgets a ese diseño.
Añadir sección
Para añadir una sección:
Coloque el cursor entre las filas y haga clic en +Añadir sección. O haga clic con el botón derecho para abrir el menú contextual, haga clic en Añadir y luego seleccione la sección de Flex.
En el panel lateral, haga clic en Secciones Flex.
Seleccione la sección de Flex deseada.
Haga clic en Guardar.
Guardar sección
Para guardar una sección:
- Posicione el cursor sobre la sección deseada y haga clic en Sección flex en la esquina superior izquierda de la sección.
- Haga clic en Guardar como sección y, a continuación, en Seleccionar solo esta fila.
- Escriba un nombre de sección, seleccione la categoría en la que se guardará la sección y seleccione los permisos para la sección.
- Haga clic en Comenzar a crear.
- Haga clic en Listo.
Suprimir sección
Para eliminar una sección, haga clic con el botón derecho para abrir el menú contextual y seleccione Eliminar. O haga clic en el icono de eliminar que está en el menú flotante.
Agregar columna
Una vez que haya añadido una sección a su sitio, puede agregar columnas que contengan widgets dentro de la sección. Todas las secciones contienen columnas en forma predeterminada, pero usted puede agregar columnas adicionales.
Para agregar una columna:
Haga clic para seleccionar una columna que ya existe.
En el menú flotante, haga clic en el icono de tres puntos horizontales (
) y, a continuación, seleccione Añadir columna. O haga clic en el icono más que está en el borde izquierdo o derecho de la columna.
Columna duplicada
Puede duplicar una columna, que se agregará a la derecha de la tarjeta original. No se pueden agregar columnas que superen el 100 % del ancho, incluido el espaciado.
Para duplicar una columna:
Haga clic para seleccionar una columna.
En el menú flotante, haga clic en el icono Duplicar. O puede hacer clic derecho en la columna para abrir el menú contextual y seleccionar Duplicar.
Eliminar columna
Puede borrar una columna para eliminarla de la sección. Sin embargo, cada sección debe contener al menos una columna, lo que significa que no puede eliminar la última columna de una sección.
Para eliminar una columna:
Haga clic para seleccionar la columna.
En el menú flotante, haga clic en el icono Eliminar. O puede hacer clic con el botón derecho en la columna para abrir el menú contextual y seleccionar Eliminar .
Añadir widget
Puede agregar widgets a columnas, flexboxes o cuadrículas avanzadas de varias maneras diferentes. Si ya está en modo flex, puede agregar widgets directamente desde el panel lateral haciendo clic en Widgets y luego selecciona el widget deseado.
Para agregar un widget:
- Haga clic en una columna, flexbox o cuadrícula avanzada para seleccionarla.
- Haga clic en el icono más que está en el centro de la columna, del flexbox o de la cuadrícula avanzada. O haga clic en el icono más que está en el menú flotante.
- Seleccione un widget.
También puede agregar widgets desde el panel de capas.
Para agregar un widget desde el panel de capas:
- Haga clic para seleccionar una columna.
- En el panel lateral, haga clic en Capas.
- En el panel de capas, coloque el cursor sobre la columna, el flexbox o la cuadrícula avanzada a donde quiera añadir un widget y haga clic en el icono más.
- Seleccione un widget.
Demostración de Flex
Los siguientes videos son demostraciones hechas por nuestro diseñador líder de interfaz de usuario, a fin de mostrarle lo fácil que es crear y editar secciones en DudaFlex.