Panel pages can only be built, and their layout edited, by Site Builders.
Some content components can be edited by Editors and Site Coordinators on existing panel pages.

Panel pages are flexible layout pages used as landing or major section pages for the top level navigation within a website. Unlike content types, they are made up of specialist panes (components) that act like building blocks, instead of data fields.

This functionality requires Site Builder permissions.

Step 1

In the administration menu, go to Structure > Pages > Add custom page

Add custom page menu selection

Step 2

The page displays. Complete the numbered items and click continue to move to menu settings.

  1. Administrative Title - Provide an administrative title so that it can be found in the administrative interface.
  2. Administrative description - If it is not obvious, it may be beneficial to describe the purpose of this page.
  3. Path - Insert the name for the path. Ensure it is related to the content on the page.

fields 1 to 3

  1. Make this your site home page - This box should only be ticked if the page you are creating is the home page.  Otherwise, leave it unticked.
  2. Variant type - Retain the default, panel.
  3. Optional features - While you can tick visible menu item, it is best not to because the menu link cannot be deleted later if necessary.

fiels 4 to 6

Click Continue to Choose layout.

Step 3

Click the Category drop-down to select UQ Pages .

Select UQ Pages category

Step 4

In this example, select the single column full width option and click Continue to proceed to the panel layout. The layout defines the regions where the components can be added.

Tip: Other potential layouts are the sidebar right and sidebar left.

Select single column full width layout

Step 5

Select In-Place Editor (IPE) as the renderer click Continue to proceed to panel content.  By selecting this renderer, the "Customise this Page" button will appear at the bottom of the landing page when the site builder is logged in. 

Select In-place editor

Step 6

Click Finish before adding content to the regions.

click finish

Step 7

Click Update and save and when the save is complete, click Menu in the left-hand menu.

Update and save

Step 8

Click Add link and enter the details

  1. Menu link Title - the title will appear as the menu link in this menu to the landing page
  2. Path - enter the path for the page.  For this example it is - support
  3. Parent link - select the parent of the page.  In this example, it is at the top level of the Main Menu.
  4. Weight - it is not necessary to enter a weight since the order of links can be manipulated later.
  5. Click Save.

Add menu link

Step 9

The main menu opens. Click Save. To navigate to the new page, click hyperlink name, in this example it is Support.

click save

The newly created panel page displays and is ready for adding components. Proceed to the list of components links for instructions to insert the components on the panel page.

Customise this page option


panel page

The list of all Panel pages on the site is separate to the list of node pages you find under Content in the administration menu.

Step 1

In the administration menu, go to Structure > Pages

Menu selection - pages

The list of Panel pages displays.

Do not edit, disable or enable pages of the Type (System) or Custom.

panel pages - do not edit

Step 2

To navigate to the panel page, click the linked path.

Click hyperlinked path to navigate to panel page

 

Use the landing page mock-up tool to help design your Panel pages.

Step 1

Click Customize this page to add the rich text component to a panel page.

Customise this page

Step 2

The available regions where components can be added are displayed as blue shaded fields. Click the plus (+) button to open the list of available components. 

Click plus to add a component

Step 3

The available components display, grouped by category. Click on the UQ category and then select the component to add.

Select rich text

Step 4

The configuration form for the component displays. Most panes have data input or configuration options available when adding to the page, these are explained in detail in each component guide.