Use tabbed blocks to present information to your users in a concise page.
Content Block
name
Outcome
rich-link-hovers
true
id
1042866408
class
tight manual-outcome-flex
There are two styles of tabbed blocks which can be used to consolidate information on your page, regular tabs and expander tabs. Converting regular blocks into tabbed blocks happens at the column level.
Content Block
name
Steps
rich-link-hovers
true
id
494842117
class
steps-block numbered manual-steps-flex
Use h4 for section headings
If you don't want numbers in the section headings, simply remove the "numbered" class from this block.
Note/Tip/Warning/Info blocks below are collapsed by default. If you want to use any of these, try to keep to just one per page. You may use two if necessary, but in general, try to limit these.
Add a block (or 2, 3 etc.) to your page
Content Block
name
Note
rich-link-hovers
true
id
495965127
class
manual-note-flex
collapsible
collapse
Note
If using:
Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.
Content Block
name
Tip
rich-link-hovers
true
id
894522670
class
manual-tip-flex
collapsible
collapse
Tip
If using:
Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Block
name
Warning
rich-link-hovers
true
id
894530759
class
manual-warning-flex
collapsible
collapse
Warning
If using:
Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Block
name
Info
rich-link-hovers
true
id
894537203
class
manual-info-flex
collapsible
collapse
Info
If using:
Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
