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.

Content for the Website

Step 1: Prepare Your Content

Step 2: Upload Content to YourForce

Using previously provided login credentials.  If you need assistance, please contact support.

Step 3: Notify YourForceSupport that content is ready.

When submitting the work order please indicate which Facility the information is for and which folder the content has been uploaded to.

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.

DO NOT EDIT THE DEMO PAGES - THESE ARE THE MASTER COPIES.

  • Basic Page Layout   Administrative Office / Force Support

    • Use for all pages/facilities not covered by the layouts below.

  • Facility Layout 1   Minimal layout best suited for:

    • Food Facilities or smaller operations that require minimal/no promotional offer sections or do not offer a broad array of services. 
    • This layout has a PageNav that is customized for food facilities, this can easily be replaced with the "Subnav Grid - Basic" found in the element library.

  • Facility Layout 2   Medium layout best suited for:
    • Facilities that offer several services have a few basic/ongoing offers and one dynamic offer with a call to action. 
    • You can delete sections, elements or parts of elements that are not needed or add sections from the library if additional promotions are being run, need more space for services, classes etc.

  • Facility Layout 3   Extensive layout best suited for:
    • This layout was designed for facilities with many services, classes, programs and multiple dynamic offers multiple calls to action.  Layout 3 is complex and offers the ability to promote simple offers such as classes to complete packages with extensive price lists and terms and conditions. 
    • Instructions and tips for each section are built into the layout to provide assistance while you work.  On the builder side they are marked in red and in the live page side, they show in blue boxes with an Orange Question Mark Icon noted as Webmaster Notes and Tips. 
    • You can delete sections, elements or parts of elements that are not needed or add sections from the library if additional promotions are being run, need more space for services, classes etc.
    • Care and time should be taken in planning how to feature your offers in a user-friendly concise way when using this layout.  Please see the ITT page for an example of how we integrated and extensive amount of content into this layout.

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

Page SubNav

The Page SubNav and corresponding Section Titles can be changed and customized as required to meet each facilities individual needs. In order to follow the best persuasive and responsive design practices, it is strongly advised NOT to exceed 6 items on the Page SubNav.

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?

Facilities that offer several services, lots of programs and special offers should use Facility Layout 3 which provides extensive options. You can also duplicate sections and parts of elements to add more offers to a page. Lastly, take advantage of the event Calendar the number of default events can be increased if the facility has a lot of events, and the main calendar is one of the top hit pages of Your Force Support Websites.


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

  • 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)

FSS Connect

Stay in the loop and get all the lastest 42 FSS and Maxwell community news!

Info

NIPR Note
DMCA.com Protection Status © 42FSS