Various PagesFlexible and adaptable sample pages

See a range of example layouts possible with Acacia, through its responsive layout and the Gantry Framework grid system

NOTE: The canvas only works on modern browsers (Firefox, Opera, Chrome, Safari, and Internet Explorer 9+) that support the HTML5 canvas element. Internet Explorer 8 and earlier versions, do not support the canvas element.

The two charts shown above are the sample chart we used on our demo pages. It's based on Chart.js. Chart.js is an easy, object oriented client side graphs for designers and developers.

For more information how to create great looking charts using Chart.js, please visit Chart.js homepage or download the script here.

RokNavMenu is the core of all the powerful Acacia menu system. Please ensure you are using the latest version of RokNavMenu, available here.


Dropdown Menu

The Dropdown Menu is an advanced CSS drive dropdown menu system. It offers advanced structural features such as multiple columns, inline icons and text, inline modules and positions, custom column widths, item distribution and menu offset. All of these are configurable for each menu item.

Dropdown Menu
 

SplitMenu

A static menu system that displays 1st level items in the main horizontal menu and further children in the Sidebar.

SplitMenu
 

All Menu Items can be edited from Admin → Menu → Menu Name → Menu Item.


image

Responsive Mode: Smartphone

For mobile devices, there are two options, a dropdown panel menu with items in a tree format or a select box using the browsers own UI elements. Chose a format in the template's menu settings.

The mobile menu is active for both the Dropdown Menu and SplitMenu.


Creating child menu items

Go to Admin → Menu → A Menu → A Menu Item → Select a Parent Item, and it will appear as a child of it.

image
image