Add Component to a Page
In Page Builder, navigate to the page you want to add the component to.
From the Components panel, drag and drop the Project > Featured Projects - Manual component into a container on the page.
In the Assign content item window, hover over the data folder in the tree and then click on the + icon
Select the Featured Projects - Manual 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.
The new datasource will appear on the page. Edit the Title and View more page link
Configure the Component
- Click on the component to select it and display the configuration options on the right
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 | |
| Title | Component title |
| ViewMore | Select the icon that matches the link type you want to create
|
| Link text | Link label |
| Link tooltip | Label that appears when hovering over a link |
| Path / URL | Internal or external URL |
| Open in a new window | Tick checkbox to open link in a new window |
| OpenProjectInNewTab | Tick checkbox to open projects in a new tab |
| SelectedProjects | Manually select the projects you want to display in the component; OR |
| UseCurrentPageTags | Tick checkbox to pull in the projects that have the same tags as the current page; OR |
| SelectedTags | Switch to Content Editor and select 1 or more tags in the SelectedTags field. Projects that are tagged with the selected tags will be displayed in the component |