Page building
Custom components
In addition to Tridion’s standard components, we have several types of custom-made components available. They can only be used with Flex Layout page templates. They were created by using flex row configuration components to insert special code that tells your components how to render their appearance and behavior.
Our custom components are found here: 020 DHS (Dept of Human Services) Content\Building Blocks\Website Content\DHS\900 NEW page assembly (V4)
You can find a guide to Tridion's standard components on MNIT's Tridion Showcase site.
Go to custom components MNIT guide to standard componentsColumn configuration key
[----] - one column
This is a one column flex row configuration
[---][-] Two columns, wider left
This is a two column flex row configuration with a wider left column.
[---][-] Two columns, wider left
This is a two column flex row configuration with a wider left column.
[--][-] Two columns, wide left
This is a two column flex row configuration with a wide left column.
[--][-] Two columns, wide left
This is a two column flex row configuration with a wide left column.
[-][---] Two columns, wider right
This is a two column flex row configuration with a wider right column.
[-][---] Two columns, wider right
This is a two column flex row configuration with a wider right column.
[-][--] Two columns, wide right
This is a two column flex row configuration with a wide right column.
[-][--] Two columns, wide right
This is a two column flex row configuration with a wide right column.
[--][--] Two columns, equal
This is a two column flex row configuration with equal width columns.
[--][--] Two columns, equal
This is a two column flex row configuration with equal width columns.
[-][-][-] Three columns, equal
This is a three column flex row configuration with equal width columns.
[-][-][-] Three columns, equal
This is a three column flex row configuration with equal width columns.
[-][-][-] Three columns, equal
This is a three column flex row configuration with equal width columns.
[-][-][-][-] Four columns, equal
This is a four column flex row configuration with equal width columns.
[-][-][-][-] Four columns, equal
This is a four column flex row configuration with equal width columns.
[-][-][-][-] Four columns, equal
This is a four column flex row configuration with equal width columns.
[-][-][-][-] Four columns, equal
This is a four column flex row configuration with equal width columns.
Colorway key
White - white backgrounds with main color accents
Primary colorway. May be used for any type of content.
Avoid using for entire page.
Light - light backgrounds with main color accents
Always use for first content block of page.
Can also be used to bring attention to content or to signal change in topic on page.
Main - main area color background with white accents
May use to bring attention to content including quick links and contacts and other information that you want to bring to user's attention.
Avoid using more than 2 - 3 times per page.
Important - light gold background with dark gold accents
Only use for: Extremely important content such as application deadlines, common pitfalls of applications, etc
No-border - same as white, but with no outside border
This colorway only applies to nested toggles. It is the same as white, but with no exterior border framing the toggle content box.
No-border - same as white, but with no outside border
This colorway only applies to nested toggles. It is the same as white, but with no exterior border framing the toggle content box.
No-border - same as white, but with no outside border
This colorway only applies to nested toggles. It is the same as white, but with no exterior border framing the toggle content box.
No-border - same as white, but with no outside border
This colorway only applies to nested toggles. It is the same as white, but with no exterior border framing the toggle content box.