Layout Templates - Mura Docs v6

Layout Templates

The MuraBootstrap theme ships with eight layout templates, which can handle the layout needs of many sites.

  1. home.cfm (Contains a hard-coded "class=home" for specific styles)
  2. one_column.cfm (A simple one column template)
  3. two_column_SL.cfm (Two columns, side bar on the left, main content on the right)
  4. two_column_SR.cfm (Two columns, sidebar on the right, main content on the left)
  5. three_column.cfm (Three columns, sidebars on left and right, content in the middle)
  6. default.cfm (Includes two_column_SL.cfm)
  7. blank.cfm (Renders the Body only.)
  8. xml.cfm (To allow rendering directly to XML for use in another context such Flash.)

Below is the content of the three_column.cfm template:

<cfoutput>
    <cfinclude template="inc/html_head.cfm" />
    <body id="#$.getTopID()#" class="#$.createCSSid($.content('menuTitle'))#">
        <cfinclude template="inc/navbar.cfm" />
        <div class="container">
            <div class="row">
                <aside class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    #$.dspObjects(1)#
                </aside>
                <div class="clearfix visible-xs"></div>
                <section class="col-lg-6 col-md-6 col-sm-8 col-xs-12 content">
                    <cfinclude template="inc/breadcrumb.cfm" />
                    #$.dspBody(
                        body=$.content('body')
                        , pageTitle=$.content('title')
                        , crumbList=false
                        , showMetaImage=true
                    )#
                    #$.dspObjects(2)#
                </section>
                <aside class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    #$.dspObjects(3)#
                </aside>
            </div><!--- /.row --->
        <cfinclude template="inc/footer.cfm" />
        </div><!-- /.container -->
    <cfinclude template="inc/html_foot.cfm" />
</cfoutput>