Overview: Flexible Template

The Flexible Template can be used to customize and arrange panels on a webpage in diverse ways that best showcase your programming and theater offerings.

The Flexible Template is set as the default template for your homepage. The Flexible Template can also be used to create a variety of layouts on other pages, due to the diverse range of options and settings it has.

To create a new page with the Flexible Template, first create a page and save it (you can Publish it or Save it as a Draft). Once it's saved, you can choose the page template from the Page Attributes section on the right-hand side of the page editor.

To add panels to a page, click the "Add Panel" button and select which type of panel you'd like to add. The Now Playing and Blog panel can each only be used once on the Home Page, while the Featured Shows and Blocks panels can be added multiple times to the Home Page to showcase different tracks of content.

After adding panels and editing their content and settings, you can collapse them by clicking on the top bar of each panel. Reorder them by clicking/dragging the top bar of any panel up or down. If you want to remove a panel, click the minus icon ("-") in the top bar of the panel. To duplicate a panel, hover over the top bar of the panel and click the "Duplicate layout" icon.

For all panels, please refer to the Color section of our Create Accessible Content article, to ensure colors you use in your website meet minimum contrast ratio requirements between the background color and text on top of the background. The minimum contrast ratio for the WCAG 2.1 AA is 4.5:1. You can check the contrast ratio between two colors using the contrast checker tool, or read more about color contrast at the WebAIM website.