Custom elements

Kellie Oxley Updated by Kellie Oxley

Custom elements

Users can now add new fixed elements to a page using the Add element menu found at the bottom of the Page designer screen:

  1. Section - Users can structure their pages by adding sections.
    Here's a quick video explaining how, or jump below for our written guide.


    Add elements to a Section by using the ellipsis button (the 3 vertical dots) displayed in the section, or by using the existing move functionality to move a field or group from another section:
    1. Move up - Allows you to move the Section Up on the page
    2. Move down - Allows you to move the Section down on the page - This is greyed out when its at the bottom of the page already
    3. Move to Tab - This allows you to move a section, with its contents to be displayed on another tab.
    4. Add element - Lets you choose a new element to add to the section:
    5. Remove - This option lets you remove the section, however when removing a section this will also remove all fields and groups from the page and would need to be manually added via the Add element option again.
When adding a new element to a screen, the new element will be added into the last section on the page.
You can apply as many sections on the page as you want, we will automatically fit it onto the page making best use of the available space. Read more on our best practice when implementing Sections
  1. Column field - Users can search for, and add, column fields to the current page from the database. The Show all button lists all available column fields:
    1. Any column fields already on the selected page tab are shown with an Added indicator.
  2. Header - Users can add header elements to the page:
    1. These are prominent labels that can be placed anywhere with user definable text. For example, we could remove the field labels from the address fields, and display a generic Address heading instead:
  3. Divider - Inserts a full width horizontal line into the page, which can be re-positioned:
  4. Guidance - Guidance panels are prominent panels of text which can be used to provide guidance to users on the page. When creating the guidance panel, the text is specified:
    1. Guidance panels are displayed to users as follows:
  5. Navigation - Users can provide links to website addresses using navigation links. These links can be displayed as a hyperlink or a button. The link will open the website in a new tab, or window depending on the user’s browser configuration and device:
Click here for best practice guidance on using custom elements

Was this article useful?

Enforce new layout

Properties

Contact