Parte 2: Edición de elementos de una página
7. Editar Fila o widget (avanzado)
Como se mencionó en la sección Editar Fila (básico) , aquí se agregan aquellos aspectos que necesitamos en la página, tales como imágenes, texto o pestañas de información. Este menú consiste en dos pestañas:
7.1. Contenido 
En esta pestaña, se agrega toda la información según el tipo de contenido, donde la pantalla de edición será contextual a dicho contenido. Los tipos de pantallas son las siguientes:
7.1.1. Carrusel y tabs 
En esta pantalla, se puede editar las pantallas, con sus textos e imágenes y el orden en que estas irán rotando en la página final (si es carrusel).
Posee un editor de posición de pantallas, donde solo basta presionar las flechas para mover a lado que se quiere dejar.
El editor de imagen y texto es como los demás editores de texto e imágenes del cms.
En el caso de tabs, también se editan contenido en pantallas, pero estas parecerán como una imagen con una solapa como un archivador y no se moverán a menos que haga click en la pestaña de interés.
7.1.2. Pantalla de imagen 
Como podemos ver la pantalla tiene las siguientes características principales:
-
Link: Se agrega link a la imagen hacia un elemento de la misma página u otra página.
-
Alt de la imagen: Mensaje que aparece si la imagen no aparece o está rota.
-
Url: Donde se agrega la url de la carpeta o lugar donde se aloja la imagen en el servidor donde se aloja la página.
-
Preview: Aquí se muestra la imagen tal y como aparecerá una vez cargado el sitio.
7.1.3. Textarea 
Este widget sirve para agregar un área donde se puede escribir un texto plano, como cuando se quiere que el usuario de un sitio deje un comentario.
7.1.4. Html 
Aquí se desplegará una pantalla tipo consola numerada, donde se podrá ingresar código html, que responderá a aspectos hechos en los demás widgets.
7.1.5. Texto Enriquecido 
Aquí se puede editar un texto tal y como se hace en cualquier editor word, escribiendo y modificando párrafos, encabezados, tipos de letras e hipervinculo.
7.2. Estilos 
En esta pestaña, se podrán controlar características del detalle del diseño de las filas y columnas, cosas tales como su cercanía o el espacio que hay entre estas y los bordes.
A la izquierda, se encuentra el control de Estructura, donde se controla el tamaño de la columna o fila, su distancia respecto a algún margen de la pantalla (estas se deben ingresar en pixeles o px, por ejemplo 10 pixeles como 10 px) o su tamaño relativo.
A la derecha por otro lado, se encuentra el control de clases css que consiste en dar parámetros de estilos predefinidos al widget que se está utilizando.
