Foundation - Images Banner Content Type
ID: 248
Name: Foundation - Images Banner
Description: Outputs a component with Images and Text that are related that automatically align to the left and right as they are added
Instructions
Each Image Banner content item needs a Card Image, Card Title and Card Description.
If more than one Image Banner content item is placed next to another then they will wrap and stack, with the images automatically swapping sides, left and right.
The first Image Banner in a series can be used to add an optional Background Image and set the Slant Angle and Color Scheme.
The main title is separated into 3 different fields to maintain the flow of animation. However only the 1st field is required.
Slant Angle
The slant angle of this component can be adjusted between Left and Right, to allow an extra layer of customization. Only use this on the first card of a set of a wrapped set.
Color Scheme
There are 3 color schemes available: Blue, Green and White; that not only changes the background but certain components as well to maintain a good level of contrast. Only use this on the first card of a set of a wrapped set.
Content Element Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name element | 80 Characters | Plain Text | true |
| Main Title - Part 1 | The First part of the Main Title | 15 Characters | Plain Text | true |
| Main Title - Part 2 | The Second part of the Main Title - optional in order to add an extra animation flow | 15 Characters | Plain Text | false |
| Main Title - Part 3 | The Third part of the Main Title - optional in order to add an extra animation flow | 15 Characters | Plain Text | false |
| Main Background Image | An image that goes in the background | 80 Characters | Media | false |
| Slant Angle | Select between the possible slant angles | 80 Characters | Select Box | false |
| Color Scheme | Select between the possible color schemes | 80 Characters | Select Box | false |
| Card Title | Card Title (e.g.: Scholarships) | 150 Characters | Plain Text | false |
| Card Description | A brief description related to the card title | 1000 Characters | Plain Text | false |
| Card Image | An image that goes on the side | 80 Characters | Media | true |