Brutalist Framework


Modular Objects Linked Data Source

MOLDS are blocks of content and data based on modules found in the BOS Portal.

MOLDS Overview

The primary purpose of MOLDS is to provide a source for making objects that have pre-defined layouts and designs. There are three types of MOLDS:


Tiles are uncommonly used templates for specific types of elements. Tiles use:

  • CSS classes
  • jQuery plugins
  • Classes applied to HTML elements

Mold Tiles »


Boards are grouped elements that serve a specific purpose. Boards use:

  • Simple PHP
  • XML or CSV data
  • HTML, CSS, & javascript

Mold Boards »


Panels are PHP page templates that serve a specific purpose. Panels use:

  • XML or CSV data
  • PHP functions & classes
  • CSS, javascript, & HTML page templates

Mold Panels »


Compare & Contrast

Tile MOLDS are the simplest of the three types. Ideal for static HTML content, they require minimal markup, and only use CSS and javascript.

Board MOLDS are more involved, as they require basic PHP and use either XML or CSV data to render content.

Panel MOLDS are more complex than Boards, as they make use of more complex PHP scripts to perform more complex functions.

MOLDS resources (CSS & javascript) are automatically included in the CORE for Boards and Panels, if enabled (see the Configure section).

How MOLDS Work

MOLDS are sets of additional resources that are available to be used within your application. Because they are optional, they can be deactivated (see "Configure" section for more details).

The core.php script includes the core/molds/config.php script, and it adds all necessary CSS files to the page header. Any required javascript resources have to be manually added to the end of your application page.

More details on how to integrate each of the MOLDS are provided in each MOLDS section.

Module Objects

System Data

Source Module: SAD (System Admin Dashboard)

Use system configuration values and pre-defined variables to manipulate page content.

Profiles & Users

Source Module: PAD (Profile Admin Dashboard)

Display user data with these objects:

  • User List Block
  • User Profile Block
  • User Stream List Block
  • Login / Logout Link

Source Module: FAM (File Asset Manager)

Display file info, or allow file uploads with these objects:

  • File List Block
  • File Uploader Block
Layouts & Themes

Source Module: Blueprint

Generate CSS files for custom-defined layouts and themes.

Custom Blocks

Source Module: MOB (Mold Object Builder)

Make your own molds by creating custom block forms.

Page Data

Source Module: PAGES (Page Administrative Generator Environment System)

Display page information and generate a sitemap.xml file with these objects:

  • Page List Block
  • Navigation Menu Block
  • Instant Search Block
Daily Content

Source Module: DICK (Daily Integrated Content Keeper)

Display a daily content block for each day of the week, or define custom days.

Blog Posts

Source Module: PAWS (Post Admin & Write Streams)

Display user-generated content posts using these objects:

  • Blog Post List Block
  • Blog Post Block
  • Gallery List Block
  • Gallery Block
  • Radio Stations Block
  • Podcast Block
  • Event Calendar Block
  • Event List Block
  • Product Stream Block
  • TV Channels Block
  • Video Channel Block
  • User Content Stream Block
Article Lists

Source Module: CAD (Categorized Article Display)

Display a list of categories and articles with these objects:

  • Category List Block
  • Article List Block
Task & Project Lists

Source Module: PORTS (Project Organization Roles & Task Streams)

Display "to-do" lists with these objects:

  • Project List Block
  • Task List Block
  • User Roles Block
Light Data Records

Source Module: CRUDE (Create Read Update Data Environment)

Display CSV-based data with these objects:

  • Data Table Block
  • Data Records Block
SQL-Based Content

Source Module: MyDID (My Defined Integrated Databases)

Display content based on SQL databases using these objects:

  • Database List Block
  • Query Results Block
AJAX Content

Source Module: JACK (Joined Ajax Content Keeper)

Display AJAX content with these objects:

  • Ajax Tabs Block
  • Ajax Pagination Block
  • Infinite Scroll Block
Maps & Places

Source Module: MAP (Mapping Admin of Places)

Display maps and specific locations with these objects:

  • Map Block
  • Location List Block
  • Location Details Block
  • Places Map Block
Education & Presentation

Source Module: EDU (Educational Deployment Utility)

Display educational and presentational content with these objects:

  • Courses List Block
  • Course Details Block
  • Lesson List Block
  • Lesson Block
  • Quiz List Block
  • Quiz Block
  • User Quiz Results Block
Third-Party Widgets

Source Module: HAPI (Hub API)

Integrate third-party APIs and display widgets.


Source Module: TILT (Translator of International Languages Tool)

Display translatable content with these objects:

  • Translate Selector Block

Source Module: SHOP (Sales Helper for Online Products)

Display product content with these objects:

  • Product Inventory List Block
  • Product Category List Block
  • Product Details Block
  • Discounts List Block
  • Shipping Details Block
  • Tax Details Block
  • Cart Block
  • Order Form Block

Source Module: MAD (Marketing Admin Dashboard)

Display marketing content and forms using these objects:

  • CTA Block
  • Exit Intent Block
  • Ad Block
  • Mailing List Sign-up Form
  • Form Block
  • Notifications Block

Source Module: STORYboard

Dislay storytelling content using these objects:

  • Timeline Block
  • User Story Block


Each MOLDS component and their individual elements can be enabled or disabled via core/molds/config.php, which is included in the CORE (it is used to add the necessary CSS and javascript files to the header and footer). Each of the below values use either true or false:

$molds [activate MOLDS]
$boards [load Boards resources]
$panels [load Panels resources]
$tiles [load Tiles resources]

[load CSS resources individually (true), or use construct.css (false)]

$audio_board [enable Audio Board]
$blog_board [enable Blog Board]
$data_board [enable Data Board]
$slide_board [enable Slide Board]
$product_board [enable Product Board]
$video_board [enable Video Board]

$megamenu [load megamenu.css]
$shapes [load shapes.css]
$tasklist [load tasklist.css]
$testimony [load testimony.css]
$timeline [load timeline.css]

CSS & Javascript

CSS resources for MOLDS are found within their respective directories for each MOLD. For Boards, the CSS is in a view.css file (ex: /core/molds/boards/blogboard/view.css). All CSS resources are automatically added to the header, if that particular MOLD is enabled.

Javascript resources are found in the /core/jab or /core/jab/plugins directories, depending on what javascript file each MOLD requires. All javascript resources will need to be manually added to the end of your application page.