Team Chart documentation
- TEAM CHART INSTALL
- II. TEAM CHART COMMON USE
- III. TEAM CHART EDITION
- IV. TEAM CHART ON FRONTEND
Team Chart is a performance plugin used to manage flow chart without creating a boring HTML table presentation.
TEAM CHART INSTALL
Our component is Joomla 3.x compatible. All the features and 3rd party integrations are included in all memberships.
In order to install our component you have to download the extension .zip file and use standard Joomla installer.
1.2 Update & automatic updater
In order to update the extension you can install a new version over the old one by downloading the ZIP file from JoomUnited or use the automatic updater (recommended).
The automatic updater, which push the update notification, is embedded in the Joomla extension you've installed. So you'll get notified like any other extension in the dashboard or using the menu: Extension > Manage > Update menu.
Login to your account to update
You need to login to your JoomUnited account to update all your JoomUnited Joomla extensions. In order to login access the main configuration of the component then click on the Live update tab. At the bottom, you'll find a login button.
Enter your JoomUnited credentials, the same you use to login here @ www.joomunited.com
The button will turn orange, congrats! you can now update all the JoomUnited extensions on this website! If your membership is expired you'll get a renew link and a text that explain that.
II. TEAM CHART COMMON USE
2.1 Manage flow chart from editor
The main idea of Team Chart display is to set everything from your WYSIWYG editor. Team Chart display works on every Joomla WYSIWYG editor. For example you can use it in posts and pages.
When Team Chart display is installed you have a button displayed upon your editor.
If you already have a flow chart in your editor, click on it, then on the editor button will re-open the previous flow chart.
2.2 Start a new flow chart
In order to create a new flow chart, from the lightbox: add a name then click on Add new chart (the big left blue button).
On the left side of your interface, the existing flow chart will be listed.
2.3 Select a theme
3 themes are available and they can be selected or changed whenever you want. Theme selection won’t change the edition interface on admin side, only the frontend display.
III. TEAM CHART EDITION
3.1 Add a person
To add the first person you have to select an image first, use the button Upload or choose picture
You can then upload new image. Then select an image and clickon the Insert image button to add this picture like any other Joomla image.
You have the opportunity to crop your image using a specific tool for example if you want to center the image on the person face. Click on the green arrow to do that.
Then, you’ll be able to crop and save the image.
3.2 Add information
On the public part there are some information displayed like the name, the position in the company and a description. Name and position are displayed on global view, description in detailed lightbox view.
On the admin part just add some of those information, the name is mandatory, and click on “add a person” to save it.
3.3 Organize the flow chart
Once you’ve added a person, he will appear on the center part of your flow chart, then you start organizing the hierarchy. You have to use drag’n drop to organize the people.
When you start dragging a person some arrow will appear to move that person. Put the photo on a new zone to move them vertically or horizontally.
3.4 Edit an existing person
When you’ve added a person they are registered in your database in order to be re-used. On the bottom right column you’ll see those person appear with an Add button. Select another flow chart, click on it to add again this person.
Person are “transferable” through flow charts!. To edit or remove information of an existing person, click on the pencil/trash icons over the photo.
IV. TEAM CHART ON FRONTEND
4.1 Add a flow chart in editor
Finally, to display a flow chart on frontend, click on the Insert chart top right button. Save your page/post and you’re done!
Then, your Team Chart display flow chart is materialized in your editor.
4.2 Themes overview
Flat and Circle theme