Starting with version 4.1 Tabulizer allows you to create responsive and/or resizable graphs. Resizable means that you can drag the lower corner of the graph chart and change its size, while responsive means that it will change its size automatically when the browser's size changes (to fit the available screen size). This is very useful if you want to adjust or "respond" to different devices (desktop, tablets, smartphones, etc).
Tabulizer allows you to make a graph downloadable with a single rule. This is very useful in cases where you want the users/visitors to be able to download the graph as image file.
Tabulizer allows you to make a table downloadable with a single rule. This is very useful in cases where you want the users/visitors to be able to download the table data as CSV or Excel file. Using the Export Table rule, which is available for the table element, you can specify if the site use can download or email the table data as a file.
Tabulizer 4.1 introduced some really cool features that we will demonstrate in this article using a real life example.
Let's start by stating the client's requirements:
- The product listing is contained in an Excel file, where each row corresponds to a single product, as shown in the figure below:
- The product info needs to be transferred to the site and presented as a table (one table per product).
- If the product info changes on the Excel file, the associated table needs to be updated as well.
Sometimes you want a rule to an existing ruleset, in order to add some exciting new feature such as the ability to export table data as a file. Since a rule in contained in a ruleset and the ruleset is part of a ruleset archive, we assume that the ruleset archive and the ruleset already exists. If not, please read the tutorial on how to create a ruleset archive from scratch.
If after saving the article something is missing (or changed), this is an indication that there is a Joomla plugin or an editor plugin that modifies the contents of the editor on the "save event". This could be done for three reasons:
- to add automatically HTML formatting/styling (e.g. automatically change the padding of the table cells or the alignment of the images).
- a third-party Joomla extension is doing some other custom work.
If after inserting the html code produced by Tabulizer popup window you notice some changes in the contents of your Joomla editor after clicking on the Save/Apply button, it means that your editor's contents are getting modified during the save action. To be 100% sure it is recommended that you copy-paste the HTML contents of the editor (toggle editor to view it's source code) before and after saving the article and mark the differences (if any).