Page tree

Versions Compared

Key

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

Content Layer
namePage Info
id278129461
classwatermark-layer
Content Column
namePage Body
width100.00001%
id278129463
Content Block
background-colortransparent
namePrompt
id494677873
classtight manual-prompt-flex

Rich Links default to using thumbnails, but can be configured to use full size images.

Content Block
nameOutcome
rich-link-hoverstrue
id1042866408
classtight manual-outcome-flex

To achieve a high-definition look and feel for your Rich Links, you may want to opt for using the full size image for display. For example, if you are using a marquee or extra large rich link, it may be best to use the best resolution image, as opposed to the default thumbnail resolution. This guide describes how to override the default.

Content Block
nameSteps
rich-link-hoverstrue
id494842117
classsteps-block numbered manual-steps-flex tight-bottom

Add your links to a block

You can add them in a bullet list or use a macro to return a set of link results.

In the Page tab, locate and expand the block, click to expand "Rich Links", and then check to "Enable Rich Links".

In the Designer, check to "Use Full-Size Images"

In the "Rich Links" options for this block, check "Use Full-Size Images".

HTML Wrap
classdocs-screenshot

Content Block
nameNote
rich-link-hoverstrue
id495965127
classmanual-note-flex
Note

Please be aware that when an image on a page is resized to a small or medium format, Confluence will automatically swap that image with its thumbnail version. As a result, the Rich Link image will also use the thumbnail, regardless of the "Full Size Image" selection. One way around this is to attach a full-size image to the page that is not used for display. Then label this image with "rich-link". This image will then be used for the Rich Link display.


Still not showing? Try flushing your cache.

Ask the system administrator to go to Confluence General Configuration > Cache Management > Show Advanced View. Then flush the cache called "Brikit Theme Press Rich Links"

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
    nameTip
    rich-link-hoverstrue
    id894522670
    classmanual-tip-flex
    collapsiblecollapse
    Tip

    If using:

    1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
    2. 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
    nameWarning
    rich-link-hoverstrue
    id894530759
    classmanual-warning-flex
    collapsiblecollapse
    Warning

    If using:

    1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
    2. 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
    nameInfo
    rich-link-hoverstrue
    id894537203
    classmanual-info-flex
    collapsiblecollapse
    Info

    If using:

    1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
    2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
    Content Layer
    background-color$lightGrayColor
    nameRelated
    id888168050
    Content Column
    nameRelated
    width100%
    id888168051
    Content Block
    rich-links-hide-descriptiontrue
    rich-link-hoverstrue
    rich-links-columns4
    rich-links-verticaltrue
    rich-links-image-height100px
    rich-links-hide-site-icontrue
    rich-links-details-padding10px
    nameRelated
    rich-links-enabletrue
    border-width0
    rich-links-details-alignmentleft
    rich-links-margin20px 30px 0 0
    id496234544
    classrelated-block clean manual-related-flex