Documentación Team Chart

Introducción

Team Chart es un complemento de rendimiento que se utiliza para administrar el diagrama de flujo sin crear una presentación de tabla HTML aburrida.

 

WP-Team-Display

 

INSTALACIÓN TEAM CHART

1.1 Instalar

Nuestro componente es compatible con Joomla 3.x. Todas las características y las integraciones de terceros se incluyen en todas las membresías.
Para instalar nuestro componente, debe descargar la extensión .zip y usar el instalador estándar de Joomla.

 

joomla-install

 

Luego, haga clic en Examinar> Botón Cargar e instalar, los componentes, módulos y complementos se instalarán activados de forma predeterminada.

 

1.2 Actualización y actualizador automático

Para actualizar la extensión, puede instalar una nueva versión sobre la anterior descargando el archivo ZIP de JoomUnited o utilizar el actualizador automático (recomendado).

 

teamchart-update

 

El actualizador automático, que envía la notificación de actualización, está integrado en la extensión de Joomla que ha instalado. Por lo tanto, recibirás una notificación como cualquier otra extensión en el panel o mediante el menú: Extensión> Gestionar> Actualizar menú.

 

Inicie sesión en su cuenta para actualizar

Debe iniciar sesión en su cuenta de JoomUnited para actualizar todas las extensiones de JoomUnited de Joomla. Para iniciar sesión acceda a la configuración principal del componente y haga clic en Pestaña de actualización en vivo. En la parte inferior, encontrarás un botón de inicio de sesión.

 

actualización en vivo

 

Ingrese sus credenciales de JoomUnited, las mismas que usa para iniciar sesión aquí @ www.joomunited.com

 

login-joomunited

 

El botón se pondrá naranja, felicidades! ¡Ahora puede actualizar todas las extensiones de JoomUnited en este sitio web! Si su membresía ha caducado, recibirá un enlace de renovación y un texto que lo explicará.

 

vinculado a la cuenta

 

Nota: un solo inicio de sesión le permitirá actualizar todas las extensiones de JoomUnited (con respecto a su membresía). El inicio de sesión no caducará a menos que lo desconectes.

 

II. TEAM CHART USO COMÚN

2.1 Gestionar el diagrama de flujo desde el editor

La idea principal de la pantalla Team Chart es configurar todo desde su editor WYSIWYG. La pantalla Team Chart funciona en todos los editores Joomla WYSIWYG. Por ejemplo puedes usarlo en posts y páginas.
Cuando se instala la pantalla Team Chart, tiene un botón que se muestra en su editor.

 

botón de editor

 

Si ya tiene un diagrama de flujo en su editor, haga clic en él, luego en el botón editor volverá a abrir el diagrama de flujo anterior.

 

reabrir el diagrama de flujo

 

2.2 Iniciar un nuevo diagrama de flujo

Para crear un nuevo diagrama de flujo, desde la caja de luz: agregue un nombre y luego haga clic en Añadir nuevo gráfico (el gran botón azul izquierdo).

 

nuevo diagrama de flujo

 

En el lado izquierdo de su interfaz, se mostrará el diagrama de flujo existente.

 

lista de diagrama de flujo


2.3 Selecciona un tema

3 temas están disponibles y se pueden seleccionar o cambiar cuando lo desee. La selección de temas no cambiará la interfaz de edición en el lado del administrador, solo la pantalla frontal.

 

temas

 

III. EDICION TEAM CHART

3.1 Añadir una persona

Para agregar la primera persona que tiene que seleccionar una imagen primero, use el botón Subir o elegir imagen

 

selección de imágenes

 

A continuación, puede cargar una nueva imagen. Luego seleccione una imagen y haga clic en Insertar imagen Botón para agregar esta imagen como cualquier otra imagen de Joomla.

 

persona adicional

 

Tiene la oportunidad de recortar su imagen utilizando una herramienta específica, por ejemplo, si desea centrar la imagen en la cara de la persona. Haga clic en la flecha verde para hacer eso.

 

enlace de recorte

 

Luego, podrás recortar y guardar la imagen.

 

interfaz de cultivo

 

3.2 Añadir información

En la parte pública hay información que se muestra como el nombre, la posición en la empresa y una descripción. El nombre y la posición se muestran en la vista global, la descripción en la vista detallada de lightbox.

 

persona-información-pantalla


En la parte de administración, simplemente agregue parte de esa información, el nombre es obligatorio y haga clic en "agregar una persona" para guardarlo.

 

persona-información-edición

 

Nota: en el tema plano tienes campos adicionales con enlaces de redes sociales.

 

información social

 

 

3.3 Organizar el diagrama de flujo

Una vez que haya agregado a una persona, aparecerá en la parte central de su diagrama de flujo, y luego comenzará a organizar la jerarquía. Tienes que usar arrastrar y soltar para organizar a la gente.

Cuando empieces a arrastrar a una persona, aparecerá una flecha para moverla. Coloca la foto en una nueva zona para moverlas vertical u horizontalmente.

 

jerarquía de diagrama de flujo

 

3.4 Editar una persona existente

Cuando haya agregado una persona, se registrará en su base de datos para poder reutilizarla. En la columna inferior derecha verá a esas personas aparecer con un botón Agregar. Seleccione otro diagrama de flujo, haga clic en él para agregar nuevamente a esta persona.

 

reinsertar persona

 

Las personas son “transferibles” a través de diagramas de flujo !. Para editar o eliminar información de una persona existente, haga clic en los iconos de lápiz / papelera sobre la foto.

 

persona editada

 

IV. TEAM CHART FRONTEND

4.1 Añadir un diagrama de flujo en el editor

Finalmente, para mostrar un diagrama de flujo en la interfaz, haga clic en Insertar tabla botón superior derecho Guarda tu página / publicación y listo!

 

insertar-diagrama de flujo

 

Luego, su diagrama de flujo de pantalla Team Chart se materializa en su editor.

 

botón de editor

 

Team Chart está diseñado para ser utilizado en todos los editores WYSIWYG; solo necesita tener el complemento de contenido llamado. La mayoría de las veces se activa de forma predeterminada.
Tenga en cuenta que este no es el caso en el módulo HTML personalizado de Joomla; debe activarlo como se muestra arriba.

 

modulo personalizado

 

4.3 Resumen de temas

Tema predeterminado

 

tema predeterminado

 

Tema plano y circular

 

plano y circulo

 

Tema natura

 

nature-theme-lightbox