Contactblock (v4)
Functional component variations
Default state – all required fields at minimal values
Sample text
Sample text
Sample text
Sample text
file (minimal value)
Sample text
Sample text
Sample text
Sample text
file (maximal value)
Sample text
Sample text
Sample text
Sample text
jcr:title (minimal value)
Sample text
Sample text
Sample text
Sample text
jcr:title (maximal value)
Sample text
Comprehensive test content for jcr:title
Sample text
Sample text
blockTitle (minimal value)
Sample text
Sample text
Sample text
Sample text
blockTitle (maximal value)
Comprehensive test content for blockTitle
Sample text
Sample text
Sample text
subtitle (minimal value)
Sample text
Sample text
Sample text
Sample text
subtitle (maximal value)
Sample text
Sample text
Comprehensive test content for subtitle
Sample text
warningMessage (minimal value)
Sample text
Sample text
Sample text
Sample text
warningMessage (maximal value)
Sample text
Sample text
Sample text
Sample text
informationMessage (minimal value)
Sample text
Sample text
Sample text
Sample text
informationMessage (maximal value)
Sample text
Sample text
Sample text
Sample text
informationMessage (RTE showcase – all formatting options)
Sample text
Sample text
Sample text
Sample text
emailAddress (minimal value)
Sample text
Sample text
Sample text
Sample text
emailAddress (maximal value)
Sample text
Sample text
Sample text
Sample text
phones – two items with all child fields
Sample text
Sample text
Sample text
Sample text
linkType = internal
Sample text
Sample text
Sample text
Sample text
linkType = external
Sample text
Sample text
Sample text
Sample text
linkType = document
Sample text
Sample text
Sample text
Sample text
linkType = anchor
Sample text
Sample text
Sample text
Sample text
linkType = gap
Sample text
Sample text
Sample text
Sample text
All dialog fields populated with minimal values
Sample text
Sample text
Sample text
Sample text
buttonStyle = primary (inherited)
Sample text
Sample text
Sample text
Sample text
buttonStyle = secondary (inherited)
Sample text
Sample text
Sample text
Sample text
buttonStyle = link (inherited)
Sample text
Sample text
Sample text
Sample text
jcr:description (minimal value, inherited)
Sample text
Sample text
Sample text
Sample text
jcr:description (maximal value, inherited)
Sample text
Sample text
Sample text
This is rich text content for jcr:description with underline, a link, and AG Green style.
jcr:description (RTE showcase – all formatting, inherited)
Sample text
Sample text
Sample text
Heading 1 – RTE showcase
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Bold text, italic text, underlined text, bold-italic, bold-underline
- Unordered item 1
- Unordered item 2
- Ordered item 1
- Ordered item 2
AG Green styled text AG Blue styled text AG White styled text
Special characters: © € ® ™ – —
Left aligned
Center aligned
Right aligned
id (minimal value, inherited)
Sample text
Sample text
Sample text
Sample text
id (maximal value, inherited)
Sample text
Sample text
Sample text
Sample text
internalLink (minimal value, inherited)
Sample text
Sample text
Sample text
Sample text
internalLink (maximal value, inherited)
Sample text
Sample text
Sample text
Sample text
externalLink (minimal value, inherited)
Sample text
Sample text
Sample text
Sample text
externalLink (maximal value, inherited)
Sample text
Sample text
Sample text
Sample text
document (minimal value, inherited)
Sample text
Sample text
Sample text
Sample text
document (maximal value, inherited)
Sample text
Sample text
Sample text
Sample text
anchorLink (minimal value, inherited)
Sample text
Sample text
Sample text
Sample text
Style variations
Style: Layout > Column format
Sample text
Sample text
Sample text
Sample text
Style: Link type > Primary button
Style: Link type > Secondary button
Style: Link type > Default link
Sample text
Sample text
Sample text
Sample text
Default style (no explicit style applied)
Sample text
Sample text
Sample text
Sample text
Style combo 1: Layout>Column format + Link type>Primary button
Style combo 2: Layout>Column format + Link type>Secondary button
Style combo 3: Layout>Column format + Link type>Default link
Sample text
Sample text
Sample text
Sample text
Critical integration: required dialog fields combined with primary style
Sample text
Sample text
Sample text
Sample text