Versions Compared

Key

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

This option allows you to display The process on displaying information in a card style format on the Landing Page.

...

Sample Callout Set:

...

Step 1: Callout Formatting Setup

Fields

Description

Options

Callout Set Type

The style in which you would like your callouts to be displayed.

  • Images Only - Displays images with no text

  • Shaded Background - Adds a lightly shaded background to each callout

  • Statistics - Each callout will have a white background

  • Card Style - A solid border will be placed around each callout

  • Icons on Side (shaded background) - Icon will be placed on the left side within each callout instead of the top of each.

Callout Column Size

Allow Allows you to control the number of columns that will be contained within the set.

  • Auto (recommended) - Automatically adjusts columns

  • 1-12 - 1 = 1 column, etc

Callout Justify

Allows you to choose the alignment for the callout set, mainly for use if the columns do not span 12 columns.

  • Default

  • Center

Setting the Format (Example):

...

Step 2: Adding Callouts

There are 3 different callout types:

Callout Type

Description

Additional Options

Sample

Icon Callout

Creates a card that will display an icon, a linked title, and text.

Icon - Allows you to choose the type of icon that will display on your card. Typically will be closely related to the content of the card.

  • Catalog

  • Instructor

  • Library

  • Person Diamond

(Sample with catalog icon)

Standard Callout

Creates a card that will display a title and text only.

N/a

College Logo Link

Note

Callout under construction.

Displays a college logo and link.

N/a

In the Callout field, the drop down next to Add Icon Callout will allow you to adjust select which Callout you would like to use.

...

Info

If needed, you can add additional Callout Sets by clicking the Add Callout Set button.

...

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@151397ae
showSpacefalse
sortmodified
typepage
reversetrue
labelskb-how-to-article
cqllabel = "kb-how-to-article" and type = "page" and space = "District"

...