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 - will automatically adjust (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

    .

    • 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

    Image Added

    (Sample with catalog icon)

    Standard Callout

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

    N/a

    Image Added

    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 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"

    ...