LinkedIn

Facebook

Instagram

Flatiron
  • Our Companies
  • Our Projects
  • Careers
  • News & Insights

Training Guide Home > Component Library

Title

The Title component is used to display a title above other content on a page.

|  Working Component  |  Add Component to a Page  |  Configure Component  |


Working Component

Title

Add Component to a Page

 

  1. In Page Builder, navigate to the page you want to add the component to.

  2. From the Components panel, drag and drop the Page Content > Title component into a container on the page. 

  3. In the Assign content item window, hover over the data folder in the tree and then click on the + icon

  4. Select the Title template to create a datasource, and then type the name for the new content item WITHOUT clicking on the datasource itself. Press ENTER once you have finished typing the datasource name and then click Assign.

  5. The new datasource will appear on the page.  Enter the title text. 


Configure the Component

 

  1. Click on the Title component to select it and display the component configuration options on the right
  2. The table below outlines the configuration and advanced styling options available for the component.   Apply these as appropriate.

Configuration Options

Description

Design Tab

Is Contained

Tick checkbox to display the component with extra padding on the left and right;

Or leave unticked to display component full screen width.

Theme

Select a theme to change the colours of the text and background

Top Spacing

Adds extra spacing above the component

Bottom Spacing

Adds extra spacing below the component

Content Tab
TitleComponent title
Make title H1Tick checkbox to make the title field an H1.  Only use this option if the component is placed at the top of the page and you want the title to be the main heading on the page.

 

FlatironDragados

FlatironDragados is the trusted partner delivering resilient, innovative infrastructure throughout the United States and Canada.

 

FlatironDragados
  • Projects
    • News
      About Us
      • About FlatironDragados
        • Our Values
          Join Us
          • Life at FlatironDragados
            • Find Your Job
              Copyright © 2025 FlatironDragados 
              • Ethics & Compliance
              • Privacy Policy
              • Terms & Conditions
              • EOE