Block - Area - Layout classes

How to intensely use custom templates & classes for both Blocks, Area & Layouts

• Blocks
  • Page list
  • Navigation
  • Image
  • Image Slider
  • Testimonials
  • Features
  • Pie chart
  • FAQ
  • All others
• Blocks Navigation
  • Examples:
  • navigation-default & navigation-vertical-box-color
  • navigation-boxed & navigation-simple
  • navigation-breadcrumb
• Blocks, Image
  • Custom Classes
    • Smoked Classes
    • No Text class
    • Miscellaneous
  • Custom templates
    • Supermint Header
    • Supermint 2 columns
    • Supermint Hover
    • Supermint caption
• Blocks, Image Slider
  • Adding a slider block
  • Edit Sliders Custom Template
    • Supermint Simple
    • Supermint Slider
• Blocks, Testimonial
  • Adding a testimonial block
  • Edit Testimonial
  • Edit Custom Template
    • Supermint Hover
    • Default
• Blocks, Features
  • Address Template
  • Block Button
  • Features Box
  • Callout Template
  • Table
  • Tiny Box
  • Tiny
• Blocks, Pie Chart
  • Pie like a breeze
• Blocks, FAQ accordion
  • Adding an FAQ block
  • Editing an FAQ block
  • Adding an accordion to the FAQ block
• Blocks, all others
  • Content Block
    • Adding a content block
    • Popup template
    • Image Caption
    • Image Caption Inside
  • Date Navigation
  • Discussion
  • File
  • Next - Previous

Class and templates

Concrete5 has developed tools to customize the content of a three-level different page. It can take some time for the taming but once acquired, these tools become very powerful aids to create a visually and content-rich page.

Three levels, two fashion

Depending on the design or functionality to the content we will add a class on the block, on the area or on a Layout and then change the template for the block or layout.

Custom template or class ?:

Block: templates and classes
Areas: Only classes
Layout: templates and classes

In general (not all the time), areas classes are larger than the block class, classes of Areas rather act on the design while blocks of classes rather act on a feature of the block, much like an option complementary. These are general rules because of block classes sometimes are design classes.

How to use

Block classes & templates

Once added a block on a page you can click on it and select the Design & Custom Template menu item. Then in the top bar click the gear, it will show the selection panel classes and templates. Click in the class and you will see a list, make your choice. Several classes are selectable.

Area classes

Click on an empty area or its label at the bottom left of it and select the Edit Area Design menu item. In the top bar click the gear, it will show the choice of class pane. Click in the class and you will see a list, make your choice. Several classes are selectable.

Layout class

Finally you can add templates from Concrete5 and classes to Layouts. To do this, add a layout by clicking on an empty area or its label and choose Add Layout. Once added, click the label of one of these columns (Column 1 Column 2, …) and choose Edit Layout Design. In the top bar click the gear, it will show the selection panel classes and templates. Click in the class and you will see a list, make your choice. Several classes are selectable.

---

Which class/templates ?

Now that you know how to apply a template or class on three levels, get acquainted with those available with Supermint.

• For a list of classes and templates for the block in the block section of this site.
• For a list of classes for Areas it’s in the Feature section> Page & miscellaneous> Area classes
• And finally you will find nothing yet on layouts because the feature is so new, I did not even study the subject. But beware, it could be very powerful.

---

Original reference: web.archive.org page