Page Comparison

----
{scrollbar}
{pagetree:root=Tutorial O3 Enterprise Portal}
----
Esta sección describe como agregar contenido (portlets) a una página ya creada, así como cambiar el layout de la página y la ubicación de los portlets.

Una vez creada y seleccionada la página, es posible ir agregando el contenido deseado
* Gráficas
* Tablas
* Semáforos
* Controles de Navegación
* Textos
* Imágenes

# Asegurarse que la página donde se desea agregar nuevo contenido está seleccionada en la Barra de Navegación
# Seleccionar la Opción de Añadir Portlet
!ePortal-OptionsMenuAddPortlet.png|vspace=10|hspace=10!
Esto despliega sobre la izquierda la lista de Portlets disponibles
# Expandir el grupo de portlets *Ideasoft O3*
Esto despliega la lista de portlets de O3 que pueden utilizarse
| *Link Selector Portlet* | Control que permite definir links a contenido de O3, accesos directos a vistas y cubos |
| *O3 Control Portlet* | Control que permite filtrar contenido de vistas (gráficas y tablas) mediante la selección de elementos de una dimensión en un cubo. \\
Este control permite sincronizar varias vistas en forma simultánea |
| *O3 Report Portlet* | Portlet para inclusión de reportes desarrollados con O3 Report. \\
Para más detalles de los reportes consultar el [Tutorial del O3 Report|Tutorial O3 Report] |
| *O3 Rules Portlet* | Despliega la lista de reglas definidas en el servidor, así como su estatus. |
| *O3 Scorecard Portlet* | Permite desplegar indicadores de un Scorecard tanto en formato de Velocímetro como de Semáforo |
| *O3 Strategy Map Portlet* | Despliega un Mapa de Estrategia |
| *O3 View Portlet* | Despliega una Vista de O3 tanto en formato de gráfica como de Tabla. \\
Este Portlet también permite visualizar Reglas en su formato de Gráfica o Tabla |
# Añadir un nuevo portlet *O3 View Portlet*
Esto puede hacerse mediante un click sobre el link *Añadir*, o arrastrando el portlet desde el grupo hasta el lugar en la página donde se desea agregar.

h4. Editando el Portlet

Una vez agregado el portlet, es necesario configurarlo para que despliegue la vista deseada y con el formato adecuado.
# Hacer click sobre el ícono de *Preferencias* que se encuentra sobre la esquina superior derecha del portlet junto al resto de los íconos de configuración
!ePortal-Portlet-Customize.png|vspace=10|hspace=10!
Esto despliega la página de preferencias del portlet donde se podrá indicar el cubo o vista a desplegar
# Indicar el Cubo, Vista o Regla
# Opcionalmente se puede modificar el tamaño (altura) del portlet
# De ser necesario habilitar el control de *Configurar* para más opciones
# Presionar *Aceptar* y luego sobre el link de *Volver a la página índice*
Esto retorna a la página donde ya se encuentra configurado el Portlet deseado
!ePortal-Portlet.png|vspace=10|hspace=10!
# Hacer click sobre el título del portlet
Esto mostrará un área de texto donde se podrá editar el título
# Repetir los pasos anteriores para agregar nuevos portlets

h4. Cambiando el layout de la página

Por defecto las páginas nuevas que se crean están configuradas con un layout (plantilla de la página) de dos columnas, una angosta a la izquierda y una ancha a la derecha.

Esta configuración se puede cambiar fácilmente para ajustar a las necesidades de cada página.
# Seleccionar la Opción de Plantilla de página
!ePortal-OptionsMenuChangeTemplate.png|vspace=10|hspace=10!
Esto despliega una ventana con las diferentes plantilla disponibles
# Seleccionar la plantilla deseada
Los portlets existentes se ajustan a la nueva organización
# De ser necesario es posible arrastrar los portlets de una región a otra
Para ello los portlets se arrastran desde la zona de título de cada portlet y se sueltan en las regiones que se muestran sombreadas

----
{scrollbar}