0
Welcome Guest! Login
0 items Join Now

Acacia

Your Guide to Using the Acacia Template for Joomla


Introduction

Acacia is a beautifully designed professional template, presenting exquisite HTML5 canvas charts, alongside the highly configurable preset style variations, and splendid iconography.

The template is built with the Gantry 4 Framework, which provides many features such as an advanced administrator, alongside other features such as integrated RokSprocket styling and a Dropdown CSS menu system.

NOTICE: Acacia is a Joomla 3.x Template.

Requirements

  • Apache 2.2+ or Microsoft IIS 7
  • PHP 5.3.10+ (PHP 5.5+ Recommended)
  • MySQL 5.1+
  • Joomla 3.4

NOTE: Gantry v4.1.17+ is required for Acacia to work correctly. For more details on the Gantry Framework, please visit its dedicated website.

Key Features

  • Joomla 3.x Compatible
  • Responsive Layout
  • 8 Preset Styles
  • 88 Module Positions
  • 8 Styled & Numerous Structural Module Suffixes
  • RokSprocket Integrated Styling
  • Optimized for RokBooster
  • HTML5 Canvas Charts
  • Powerful Gantry 4 Framework
  • DropDown Menu & Splitmenu
  • Custom Content Typography
  • FF, Safari, Chrome, Opera, IE8+ Compatible
  • HTML5, CSS3, LESS CSS

Responsive Layout

Acacia's responsive grid system is designed for desktop, tablet and smartphone systems, each with minor modifications to ensure compatibility in each mode.

The table below shows the breakdown of screen resolutions and associated devices, and which layout characters are then applied to each.

Label Description Layout Width Column Width
Smartphones Standard smartphones 480px and below 100% fluid
Smartphones to Tablets Larger smartphones and small tablets 767px and below 100% fluid
Tablets Larger tablets 768px and above 64px
Desktop Standard desktops and laptops 960px and above 80px
Large Display Large desktops and high-resolution laptops 1200px and above 100px

HTML5 Canvas Charts

Acacia uses Chart.js and HTML5 canvas to display beautiful graphs and exquisite typography, such as the various icon elements used on the demo.

This feature may not function properly for users of IE8 and older browsers.

Responsive Layout for RokSprocket

Acacia comes with integrated styling for the RokSprocket extension, which is built with a responsive layout and support mobile touch events, such as 'swipe'.


Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.