What is Layout Builder?
With Layout Builder, administrators and users with access can create reusable page layouts (similar to templates) using a drag and drop interface.
Create layouts from small pieces of reusable content—frames, tiles, and components.
- Frames are containers that help you structure your page.
- Tiles are blocks of content.
- Make any component available to use in layouts by adding a "layouts" tag.
Easy as 1, 2, 3, and 4
- Place frames.
- Drag and drop prebuilt tiles.
- Configure styles, including fonts, colors, and more.
- Use the layout as a template when creating new pages.
Tiles allow administrators and users with access to create and control the type of content that can go on the page. You can determine whether the content in a tile can be edited on the page. Use frames to position and size a tile in a layout.
- Use global tiles the way you use server-side includes—to deliver the same content on multiple pages. To make a change, edit the global tile, rather than editing every page.
When you get started with layouts, Modern Campus CMS creates the default CSS file that your layouts will use to create pages. Generating CSS adds a disabled /omni-cms folder to your site in Content > Pages. This folder will publish to your production server and will be logged as an action taken by "System."
Those with access can add JavaScript to individual Layout Builder tiles to make layouts and pages (Layout Control Files [LCFs]) more interactive. Layout Builder inserts JavaScript in the LCFs <head> element in the order you set in the tile.
- Add custom JavaScript that will run on any LCF page that uses the tile
- You can also add JavaScript references to use shared libraries and frameworks, like jQuery, in your tiles.