0
Welcome Guest! Login
0 items Join Now

Hadron

Your Guide to Using the Hadron Template for Joomla


Introduction

Hadron, is a contemporary and flat design approach with rich animations. The flat visuals are the central design feature of the template, providing a modern, corporate approach to template construction.

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.

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.19+ is required for Hadron 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 (Modern browsers & IE9+)
  • Powerful Gantry 4 Framework
  • DropDown Menu & Splitmenu
  • Custom Content Typography
  • FF, Safari, Chrome, Opera, IE8+ Compatible
  • HTML5, CSS3, LESS CSS

Responsive Layout

Hadron'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

Hadron uses Chart.js and HTML5 canvas to display beautiful graphs and exquisite typography. This only works on modern browsers like IE9+.


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