Modern Campus Catalog Emblem Modern Campus CMS Emblem Modern Campus Curriculum Emblem Modern Campus Involve Emblem Modern Campus Lifelong Learning Extended Education Emblem Modern Campus Message Emblem Modern Campus Navigate Emblem Modern Campus Schedule Emblem Modern Campus Virtual Tours & Maps Emblem Modern Campus Lifelong Learning Workforce and Community Emblem Site Menu Open Site Menu Close

Layout Builder

With Layout Builder, administrators and users with access can create reusable page layouts (similar to templates) using a drag and drop interface. When launched, content editors use these layouts to create pages.

Create layouts from small pieces of reusable content—frames, tiles, and components.

frames Frames are containers that help you structure your page.

tiles Tiles are blocks of content.

component Make any component available to use in layouts by adding a "layouts" tag.

Easy as 1, 2, 3, and 4

  1. Place frames.
  2. Drag and drop prebuilt tiles.
  3. Configure styles, including fonts, colors, and more.
  4. Use the layout as a template when creating new pages.

layout builder steps

Get startedLink to this section

Enable Layout Builder and access for your account

Administrators, make layouts available for all sites in your account.

  1. Go to Setup > Account > Optional Features.
  2. Select the Layout Builder checkbox.
    • If not already selected.
  3. Click Configure to assign group access.
    • Grant access to Builder for users who will create and edit the layouts that are used to create pages.
    • Grant access to Tiles and Frames for users who will create and edit the tiles and frames used to create layouts.
    • Grant access to Styles for users who will edit the CSS used by layouts.
    • Grant access to JavaScript References for users who will create and manage the use of JavaScript in tiles.
  4. Click Save.
  5. In account setup, click Save.

Once enabled, you can restrict individual layouts to a site(s).

Customize Layout Builder settings

Layout Builder will add a disabled folder to your site that will publish supporting files to your production server. The folder is named /omni-cms by default.

You can change the publish folder and the file extension for pages published from Layout Builder in Setup > Sites > Layout Builder Settings.

Create your default styles

Create the default CSS file that your layouts will use to create pages. Generating CSS will add a disabled folder (named /omni-cms by default) to your site in Content > Pages. This folder will publish to your production server and will be logged as an action taken by "System."

  1. Go to Content > Layout Builder.
  2. In the Style Configuration box, click to Generate CSS.
    • To edit the default CSS go to the Layout Builder panel, click Styles.

Create a layoutLink to this section

To get up and running quickly, drag and drop the prebuilt tiles, frames, and components to create a page layout that content editors can use to create pages.

  1. Go to Content > Layout Builder.
  2. Click +New.
  3. Type to enter a name for your layout.
  4. Click Create.
  5. From the sidebar, drag frames, tiles, and components and drop them in the layout editor.
  6. Save and Launch to make layouts available for creating pages.

You can customize layouts to fit your needs by adding thumbnails, editing the head code, creating new tiles and frames, and more. You can manage the flexible layout options to create the right type of page for your website.

Use layouts to create pages

By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy