Añadir y editar secciones de DudaFlex

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:

1. 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.

2. En el panel lateral, haga clic en Secciones Flex.

3. Seleccione la sección de Flex deseada.

4. Haga clic en Guardar.

Guardar sección

Para guardar una sección:

1. Posicione el cursor sobre la sección deseada y haga clic en Sección flex en la esquina superior izquierda de la sección.
2. Haga clic en Guardar como sección y, a continuación, en Seleccionar solo esta fila.
3. 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.
4. Haga clic en Comenzar a crear.
5. 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:

1. Haga clic para seleccionar una columna que ya existe.

2. 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:

1. Haga clic para seleccionar una columna.

2. 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:

1. Haga clic para seleccionar la columna.

2. 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:

1. Haga clic en una columna, flexbox o cuadrícula avanzada para seleccionarla.
2. 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.
3. Seleccione un widget.

También puede agregar widgets desde el panel de capas.

Para agregar un widget desde el panel de capas:

1. Haga clic para seleccionar una columna.
2. En el panel lateral, haga clic en Capas.
3. 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.
4. 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.

Diseño de columna única

Diseño de tres columnas

Diseño mixto de columnas