<aside>
<aside> is a Sectional component that
renders a collapsible, boxed section of content that is expanded when the user clicks the banner
to display supplementary material.
Attributes and Properties
| Attribute | Type | Values |
|---|---|---|
aggregateScores = "…" | boolean | "true" "false" |
asList = "…" | boolean | "true" "false" |
boxed = "…" | boolean | "true" "false" |
collapsible = "…" | boolean | "true" "false" |
displayDigitsForCreditAchieved = "…" | integer | |
includeAutoName = "…" | boolean | "true" "false" |
includeAutoNameIfNoTitle = "…" | boolean | "true" "false" |
includeAutoNumber = "…" | boolean | "true" "false" |
includeAutoNumberIfNoTitle = "…" | boolean | "true" "false" |
includeParentNumber = "…" | boolean | "true" "false" |
level = "…" | ||
postponeRendering = "…" | "true" "false" | |
sectionWideCheckWork = "…" | boolean | "true" "false" |
showCorrectness = "…" | "true" "false" | |
startOpen = "…" | "true" "false" | |
submitLabel = "…" | text | |
submitLabelNoCorrectness = "…" | text | |
weight = "…" | number |
| Property | Type |
|---|---|
$a.aggregateScores | boolean |
$a.asList | boolean |
$a.boxed | boolean |
$a.collapsible | boolean |
$a.creditAchieved | number |
$a.disabled | boolean |
$a.displayDigitsForCreditAchieved | integer |
$a.fixed | boolean |
$a.fixLocation | boolean |
$a.hidden | boolean |
$a.includeAutoName | boolean |
$a.includeAutoNameIfNoTitle | boolean |
$a.includeAutoNumber | boolean |
$a.includeAutoNumberIfNoTitle | boolean |
$a.includeParentNumber | boolean |
$a.open | boolean |
$a.percentCreditAchieved | number |
$a.sectionNumber | text |
$a.sectionWideCheckWork | boolean |
$a.submitLabel | text |
$a.submitLabelNoCorrectness | text |
$a.title | text |
$a.weight | number |
Example: <aside> with default title
An <aside> with its default title is automatically numbered in
sequence with other sectional components on the page.
Example: <aside> with custom title
An <aside> with a custom title does not have automatic numbering.
Attribute Example: startOpen
The startOpen attribute overrides the default behavior in which
the <aside> section appears closed upon opening the page.
Attribute Example: includeParentNumber
The includeParentNumber attribute is false by default for the <aside> component
(and true by default for the <section> component).
In order to include the number of the parent sectional component, set includeParentNumber to true.
Attribute Example: includeAutoNumber
The includeAutoNumber attribute is false by default for the <aside> component.
This means that if an aside contains a nested <title>, it will not render the
default numbering (although it will still be counted in the numbering scheme behind the scenes).
In order to display the aside number in addition to the custom <title>, set
the includeAutoNumber attribute to true.