Page level notifications and alerts!

EPC Template (H1)

Filter 1 Remove Filter 2 Remove Filter 3 Remove

Search for

Filter by

Filter Group 1
Filter Group 2
Column level notifications and alerts!

About (H3)

This is a general starting template for EPC. It uses the UI Toolkit as well as some additional tools to help generate prototype design easily and quickly. Below are some examples of these extra tools.

Body Classes For Extra Functionality (H3)

  • top-alert-show - Shows alert at very top of page
  • col-alert-show - Shows alert at column level
  • filters-show - Shows filter sidebar, button, and labels
  • pagination-show - Show pagination at bottom of page

Font Awesome (H3)

This template loads the Font Awesome icon library. Use can use these fonts to help create new design ideas and concepts. Also, this template loads Font Awsome Animation functionality to help enchance your icons.

Normal Icons (H4)

Examples

Animated Icons (H4)

Examples

Syncing Vertical Sizing Of Boxes (H3)

You can add the sync-height class to any boxes on you layout and if they are in the same row, their heights will sync up and match (see above icon boxes as an example).

Chartis.js (H3)

Below is an example responsive graph made using chartist.js. You can make just about any simple graph you want easily. Pie charts, bar charts, line graphs, etc. can all be made with some simple javascript (see the prototype.js file for this graphs javascript).

  Example Chartist.js Graph

* See the chartist.js website for other examples.

* More custom features will be added as needed.