Fabrik User Manual 0

Visualizations
Visualizations allow you to take data collected in Fabrik tables and to display them it in
new manners.
Each visualization can be selected with the check box to the left of its name. Once
selected it can be altered by clicking on the buttons in the top right hand corner:
• Copy - copy's the visualization
• Delete - deletes the visualization
• Edit - edit the visualization, note that you can also edit the visualization by
clicking on its name
In the top right menu there is also the "New" button which allows you to create a new
visualization.
For each visualization in the list you have the link:
• Published - toggles the form's published state
You can filter the types of visualization shown with the "select plug-in type" drop down.
100

---

Add / Edit Visualization Standard Options
Details
• Label - The label is used at the top of the visualization as the visualization title
• Intro text - The description text located directly underneath the title
• Plugin - the plug-in visualization to use - see below for specific options
Publishing
• Published - Set to yes to publish the form, set to no to unpublish the form.
Unpublished forms can not be used in the front end
• Author - The user who created the form
• Author alias - An alias to that user
• Created Date - The date the form was created on
• Start Publishing - The data and time at which to start publishing the form.
Note the form has to be published for this option to be applied
• Finish Publishing - The data and time at which to stop publishing the form.
Note the form has to be published for this option to be applied
101

---

Plug-ins
Calendar
• Template - The template to use to render the calendar. Template folders can be
found in components/com_fabrik/plugins/visualizations/calendar/views/calendar/
tmpl
• Show legend - Select 'yes' to show a legend of event types and their associated
colours
• Standard event table - Select 'yes' if you want to use the default event table.
This is the simplest way to get started using the calendar, and doesn't require
you to select information in the Data section
• Day view - is the day view button visible (see point 3 in the image below) When
clicked this changes the view from a month view to a day view
• Week view - is the week view button visible (see point 3 in the image
below)When clicked this changes the view to a week view
• Popup window y offset - The number of pixels from the top of the page at
which the add event pop-up window appears. Use this to offset the window
beneath any JavaScript navigation feature you may have at the top of your
Joomla template.
• First week day - The day of the week that the calender takes as the beginning
of a new week, select 0 for Sunday, 1 for Monday etc.
102

---

• Connection - If you want to connect up some of your existing Fabrik tables to
the calendar then you have to select the Fabrik connection in which they will be
found
Data
This section allows you to specify Fabrik tables as data sources to feed into your
calendar. To add a new Fabrik table press the "add" button, to remove a Fabrik table
press the "delete" button
• Table - The fabrik table whose data you want to display in the calendar
• Start date element - The date element whose data corresponds to the event
start date
• End date element - The date element whose data corresponds to the event's
end date
• Label element - The element whose data should be used as the event label
• Color - A hex colour (e.g. #00FF00) that is used as the event background color.
Month View options
• Day width - The height in pixels of the day box
• Day height - The width in pixels of the day box
• Greyscale weekends - Should the weekends be greyed out - see the image
below for how this looks in the month view
103

---

Anatomy of a Fabrik Calendar
1. The add button allows users to add events - it will open up a pop-up form as
shown with circle (5)
2. The previous and next buttons allow you to scroll through various months
3. This menu lets you change the calendar view from the default month view to a
day or week view.
Clicking on the "Today" button will revert the calendars view to center on today's
date
4. The events are shown as blocks in the calendar. Hover over them to get a
contextual menu. If your user had rights (defined in the Fabrik table) they can
delete or edit the event. Like adding and event, editing it brings up a window
containing the form.
5. Double click on a date to open up the add event form
Filtering
Filters will be shown above the calendar in exactly the same way as above the Fabrik
table whose data it is showing.
104

---

Setting the table's 'Require Filtering' option will also mean that the calendar will not
show any data until a filter has been selected.
Chart
The chart visualization uses Google's charting api to render charts
• Template - The template to use to display the chart. Templates can be found in
components/com_fabrik/plugins/visualizations/chart/views/chart/tmpl
• Chart type - The chart type you want to render
◦ Single Line Chart
◦ Multi Line Chart
◦ Sparkline
◦ Horizontal Bar Chart
◦ Vertical Bar Chart
◦ Horizontal Bar Chart (Grouped)
◦ Vertical Bar Chart (Grouped)
◦ Pie chart
◦ 3D Pie chart
◦ Scatter plot
• Fill line graph - Should the line graphs be filled or shown as a single line?
• Show legend - Should the legend be shown?
105

---