Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Content Layer
namePage Info
id1430636829
classwatermark-layer
Content Column
background-colortransparent
namePage Body
width85%
id1430636831
Content Block
background-colortransparent
namePrompt
rich-link-hoverstrue
id803166595
classtight glossary-prompt-flex

Advanced formatting and styling for hyperlinks.

Content Block
nameDefinition
rich-link-hoverstrue
id1097762051
classdefinition-block glossary-definition-flex tight-bottom

Choosing Rich Link display will add pre-formatted advance styling to regular hyperlinks. Rich links look ahead at the destination of a link and pull back details that can be displayed for the user. These details include preview text and a teaser image.

Content Block
nameInfo
rich-link-hoverstrue
id894573203
classglossary-info-flex
Info

If using:

  • Replace me with something to note about this concept that falls outside the scope of the Definition section; and
  • Add the tight-bottom class to the Definition block above to narrow the gap between the two blocks

    Want to see an example of Rich Links? Look at the "Related" section below. The cards are Rich Links pointing to other Confluence pages. The page title, image, and first paragraph text are used to supply the link presentation below.

    Content Layer
    background-color$lightGrayColor
    nameRelated
    id888168050
    Content Column
    nameRelated
    width100%
    id888168051
    Content Block
    rich-links-hide-descriptiontrue
    rich-links-hide-site-namefalse
    rich-link-hoverstrue
    rich-links-columns4
    rich-links-verticaltrue
    background-colortransparent
    rich-links-image-height100px
    rich-links-hide-site-icontrue
    rich-links-details-padding10px
    nameRelated
    rich-links-enabletrue
    rich-links-details-alignmentleft
    rich-links-margin20px 30px 0 0
    id496234544
    classrelated-block clean glossary-related-flex