LinkedIn

Facebook

Instagram

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

Training Guide Home > Component Library

Brand Logo

The Brand Logo component is used to display logos of affiliate companies. 

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


Working Component

Our U.S. Subsidiaries

Brand Logo
Brand Logo
Brand Logo
Brand Logo
Brand Logo
Brand Logo

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 > Brand Logo 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 BrandLogoFolder 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.  Update the title or remove the title text if you don't want a title on the component.

  6. To add logos to the component:

    1. click on the component to select it and display the component configuration menu on the right

    2. from the Design tab, expand Manage items and click + Add new > BrandLogo 

    3. Enter a name for the item and press ENTER. The page will refresh and you will see the item appear with content placeholders in it.
       

      edit-item-fields

       

    4. To add a link, click on the [No text in field] next to Link, and fill in the element options on the right. 

    5. To add a logo, click on the image placeholder and then select Add from the right-hand panel. Find and select (or upload) the logo you want to use from the media library

  7. Repeat steps 6a-e for additional logos you want to add to the component.


Configure the Component

 

  1. Click on the Brand Logo component to select it and display the Brand Logo 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 colour of the background

Top Spacing

Adds extra spacing above the component

Bottom Spacing

Adds extra spacing below the component

Content Tab 

Content itemClick on the pencil to open the data folder and select a different datasource
HeadingDisplays the component heading. You can also update this directly on the component. 
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