Examples of all components

  • Page

    Accordion

    Expandable and contractible content which is shown/hidden by clicking a title.
  • Page

    Animation

    The Animation component animates individual images based on scroll position.
  • Page

    Card

    Cards are used to group and display content in a way that is easily readable.
  • Page

    Charts

    For displaying numerical data. Colours and axis labels can be customised as needed.
  • Page

    Content component

    Content is simply a section of HTML content editable by a WYSIWYG editor.
  • Page

    Datatable

    DataTables is a jQuery plugin that instantly enhances HTML tables with search, sorting, and pagination.
  • Page

    Decision Flow

    Use Decision Flow to guide users through complex decision processes.
  • Page

    Embedded Block

    The Embedded Block component can display any custom block.
  • Page

    Embedded Custom Block

    The Embedded Custom Block component can display any custom block.
  • Page

    Embedded Webform

    The Embedded Webform component can display any webform.
  • Page

    Gallery

    Displays a series of images and videos that open up into a lightbox that can be browsed.
  • Page

    GeoChart

    Displays values for geographic regions such as countries on a geochart.
  • Page

    iFrame

    The iFrame component allows content to be embedded from a URL into a frame. This is helpful for pulling in visualisations from other systems.
  • Page

    Item list

    The Item List paragraph displays a list of items with many display options. Item Lists also have custom images and support for icons, making them more flexible than Node Lists.
  • Page

    Lightbox

    Displays a single image which opens up into a lightbox when clicked.
  • Page

    Media list

    A Media List allows you to display links to Media on the site in a flexible way with a variety of View Modes and Layouts.
  • Page

    Map

    The Map component overlays geographical data on a map. It allows multiple data sources to be rendered from GeoJSON data as text or from a URL.
  • Page

    Node list

    A Node List allows you to display links to Nodes on the site in a flexible way with a variety of View Modes and Layouts.
  • Page

    Recommendations (Recombee)

    The Recombee recommendation engine can provide content recommendations for many scenarios depending on user behaviour and the nature of the content. Sophisticated AI algorithms can provide relevant content to users depending on the interest and intent.
  • Page

    Slider

    Use a Slider to seamlessly click through interactive previews.
  • Page

    Snippet

    Embed a JavaScript code snippet. This functionality is only available to trusted users.
  • Page

    Social share icons

    Social share icons can be provided in different styles.
  • Page

    Stats

    Displays animated statistics counters to users, conveying essential information quickly and clearly.
  • Page

    Tabs

    Tabs display content in an accessible manner with a tabbed interface.
  • Page

    Timeline

    Content displayed in a vertical or horizontal timeline grouped by date.