Acerca de esta App

Esta aplicación proporciona la funcionalidad para visualizar contenido en forma de tabs, un título seguido del cuerpo. Se puede utilizar para mostrar distinto contenido como texto, imagenes, links, entre otros. Se puede utilizar en cualquier parte de la colección de sitios.

e-App: Tabs

1.    Introducción

 

App Tabs es una aplicación que ofrece la funcionalidad de menú con navegación moderna, sencilla y fácil de usar.

 

2.    Objetivo

 

Presentar información de forma organizada y visualmente en forma de pestañas.

 

3.    Requerimientos

 

Navegador IE (8 o Superior), Firefox o Chrome.

 

4.    Acceso

 

En la parte superior derecha en el engranaje dar clic y seleccionar la opción "Contenidos del sitio":

 

 

 

Se despliega una página con los contenidos del sitio, entre esos contenidos esta la app con el nombre "e-App: Tabs", dar clic al título:

 

 

5.    Administración contenido app

                           

Siguiendo los pasos del punto anterior una página da la bienvenida a la administración de contenido de la app tabs:

 

 

Gestión de Tabs: Gestionar los elementos que se presentaran en las pestañas.

 

Gestión de Activos: Gestionar recursos como imágenes, documentos, videos entre otros que se pueden cargar en una librería documental "Activos". Adicionalmente pre configuradas las carpetas CSS y Scripts para personalizar web part de la app.

 

Ayuda: Recursos para aprender el uso de la app y donde siempre estará la última versión de este manual.

 

  • Gestión de Tabs - Paso a paso:

 

La lista links tabs permite crear, modificar, eliminar y consultar un elemento. Cada elemento consta de un campo  título, texto, orden, categoría y activo.

 

Para crear un nuevo elemento en seleccionar la opción "+ nuevo elemento":

 

 

  1. Título: Titulo que va tener el elemento y se verá reflejado como el encabezado del menú tabs.
  2. Texto: Texto que se desplegara cuando se dé clic al encabezado del menú tabs. El texto tiene un formato HTML enriquecido por tanto acepta imágenes, tablas, estilos de letra entre otros.
  3. Categoría: Palabra clave por la cual se filtra los elementos del menú tabs. En la web part se solicitara una categoría si esta coincide con la del elemento se muestra en el menú sino será descartado.
  4. Orden: Número con el cuál se determinará que elemento va antes o después de otro.
  5. Activo: Si un elemento no está activo no se mostrará en el menú. útil si se quiere conservar elementos para usar más adelante o tener como referencia.

 

 

 

Para finalizar dar clic en guardar.

 

 

Para modificar un elemento en seleccionar la opción "Editar elemento":

 

 

Para eliminar un elemento en seleccionar la opción "Eliminar elemento":

 

 

6.    Administración web part app

 

Navegar a la página donde se requiere usar la app. En la parte superior derecha en el engranaje dar clic y seleccionar la opción "Editar página":

 

 

 

 

Seleccionar la opción en la página "Agregar elemento web":

 

 

  • Web Part Tabs

Seleccionar Aplicaciones > e-Apps: Tabs > Agregar:

 

 

Al agregar la web part e-Apps: Tabs, seleccionarla en la parte superior derecha. En la pestaña superior "Elemento Web" dar clic en la opción "Propiedades de elemento web"

 

 

En tipo de contenedor visual seleccionar Ninguno.

En la sección "Configuración personalizada":

 

  1. Nombre de la categoría: Nombre de la categoría de los elementos que se van a mostrar.

 

 

Una vez aplicados los parámetros de la web part, los elementos se despliegan en forma de pestañas horizontal:

 

 

  • Web Part Tabs Vertical

 

Seleccionar Aplicaciones > e-Apps: TabsVertical > Agregar:

 

 

Al agregar la web part e-Apps: TabsVertical, seleccionarla en la parte superior derecha. En la pestaña superior "Elemento Web" dar clic en la opción "Propiedades de elemento web"

 

 

En tipo de contenedor visual seleccionar Ninguno.

En la sección "Configuración personalizada":

 

  1. Nombre de la categoría: Nombre de la categoría de los elementos que se van a mostrar.

 

 

Una vez aplicados los parámetros de la web part, los elementos se despliegan en forma de pestañas vertical:

 

 

7. Recomendaciones / Buenas prácticas:

 

  • No usar títulos muy extensos.
  • Al insertar imágenes o tablas NO usar medidas fijas de ancho y alto como px o em.
  • No usar el mismo orden en dos elementos.
  • Si en la web part no se visualiza ningún contenido verificar que la categoría coincida y este activos los elementos que se desea mostrar de la lista "Links tabs"



Desarrollado por e-deas LTDA. 2014
info@e-deas.com.co