Como se estructura el contenido en SitePad
En SitePad, todo el contenido de una pagina se organiza dentro de un sistema de filas y columnas. Entender este sistema es fundamental para disenar paginas con el layout que quieres. Es el mismo concepto que usan la mayoria de los constructores de paginas modernos y los frameworks de CSS.
Filas (Rows)
Una fila es una seccion horizontal que abarca todo el ancho de la pagina. Cada fila puede tener su propio fondo, color, imagen, espaciado y otros estilos. El contenido de tu pagina se organiza en filas apiladas de arriba a abajo.
Para agregar una fila: arrastra el widget Row desde el panel de widgets al area de edicion. Puedes colocarla antes o despues de otras filas.
Columnas (Columns)
Dentro de cada fila puedes tener de 1 a 12 columnas. Las columnas dividen el ancho de la fila horizontalmente. Por ejemplo, una fila con dos columnas de igual tamaño divide el espacio en dos mitades. Puedes cambiar el numero de columnas y su proporcion relativa desde las opciones de la fila.
Filas internas (Inner Rows)
Dentro de una columna, puedes agregar una fila interna (Inner Row) para crear layouts mas complejos con subdivision de columnas dentro de columnas. Esto es util para disenos con grids anidados.
Como editar filas y columnas
- Pasa el cursor sobre una fila para ver los controles de edicion (lapiz, clonar, eliminar).
- Haz clic en el lapiz para editar el estilo, fondo, padding y otras propiedades de la fila.
- En las opciones de la fila puedes cambiar el numero de columnas y su tamaño relativo.
- Cada columna se puede editar por separado para ajustar su padding, fondo o visibilidad en movil.
