Demo Info

Welcome to your new website. This section has been put together to assist you in making the transition, understanding how the design / layout works with your content and how to efficiently collect and load your content.

Using the Blank Demo Layouts

Select from the Demo menu to view the available demo layouts, sections, and elements.  Each layout, section, and the element is labeled accordingly for easy retrieval from the Library.


  • Facility 1 Standard Layout   Fun, Family, Fitness and some Force Support Facilities
  • Facility 1 Pricelist Layout   Fun, Family, Fitness and some Force Support Facilities with a section for pricelist.
  • Food Small Layout   Food Service Facilities with download menu only
  • Food Large Layout   Food Service Facilities with full menu details
  • Administrative Page Layout   Force Support Offices / Divisions
  • Basic Page Laouts   All other uses not covered above

Want to experiement and come up with somthing new or tweak an existing layout, that's what the FSSd Sandbox is for :).

Page Layout Explained

The Page SubNab and corresponding Section Titles can be changed and customized as required to meet each facilities individual needs.  For example:  the Current Offers can changed “Classes” in both the section Header and Page SubNav if the facility has a heavy focus on classes.  Another example would be changing this to “Trips” in the case of ODR.

What if all the sections are not needed?

If a facilty does not require all the sections, those that are not needed can be disabled or deleted and the Page SubNav can be updated accordingly.

What if the Facility has a lot of things to promote?

Section 2 can have as little as two items and go up from there, as long as you maintain even numbers.  Once you get past 6 items can can consider dublicating this section and adding it to another area of the page to create visual interest (creating 2 sections with a block of 4 items, rather than one big block of 8), Section 4 provides the option of a slide show for both static photos and videos.  Lastly the Calendar number of default events can be increased if the facility has a lot of events.

Selecting and Prepping Images

If you follow the below guidlines for cropping and optimizing images along with the suggestions in the layout guides, everything will fit together as presented in the demo pages.

image guides


  • Sidebar width on static pages (generated by the builder) is determined by the settings in the sidebar and column housing the sidebar (width, padding, gutter).
  • Sidebar width on dynamic pages (generated by other components outside of the builder) the sidebar width is set to 33%.  To change this open the template -> layout -> sidebar -> select desired width from drop down.  Note, changing this is a global change to all dynamic pages.
  • Color / Style of the module is changed in the module manager under the Template Tab -> Style  and Template Tab -> Title Decoration.  The change the principle values of Got to Template - > Style -> Card   see also Template - > Style -> Inverse -> Card
  • Icons can be added through Template -> Layout -> Menu (see the documentation for additional information)

General Info

 NIPR Note

We Accept

american express
52 FSS

ICE feed back
52d Force Support Squadron - "The Best Never Rest" Protection Status ©