Skip to main content Skip to navigation

Set pages to display in borderless mode

As part of our work to support Warwick's Evolved Brand, SiteBuilder now includes the option to select a borderless design for pages. If enabled, any full-width blocks set to appear flush to the edges of their container will be expanded to cover the width of the user's browser window (see the example below).

You can preview how a page will appear when switched to borderless mode by adding ?previewBorderless to the end of the web address (URL). Similarly, pages that are already borderless can be previewed in bordered mode by adding ?previewBorderless=false instead.

  1. Create a new page in the Components Editor, or edit an existing one.

  2. Select the Edit page settings button in the Component Editor's top menu:

    The Components Editor top menu, with the 'Edit page settings' button highlighted

  3. In the Page settings pop-up, select the Borderless design checkbox:

    The 'Page settings' pop-up, with the 'Borderless design' option highlighted

  4. Select Update settings.

  5. Publish your page.

Example

The following slides show the same page content in bordered and borderless modes:

Related articles

Let us know you agree to cookies