Paragraph Type NCIDS Imageless Card - NCIOCPL/cgov-digital-platform GitHub Wiki

An NCIDS Imageless Card component is a card for featuring content on an NCIDS Mini Landing Page without an image to allow content editors to display featured content without needing a visual as well as improving user scroll depth. It uses familiar patterns to highlight important content while reducing ad-blindness.

NCIDS Imageless Cards are placed inside of the Cards field of NCIDS Imageless Card Groups (1-Imageless Card Group, 2-Imageless Card Group, and 3-Imageless Card Group).

There are three different types of cards:

  • NCIDS Imageless Card Internal
  • NCIDS Imageless Card External
  • NCIDS Imageless Card Multimedia

NCIDS Imageless Card Internal

Properties

  • Display Name: NCIDS Imageless Card Internal
  • Machine-readable Name: ncids_imageless_card_internal
  • Description: Featured internal content in an NCIDS Imageless Card Group

Common Fields

  • Override Card Title
  • Override Card Description

Local Fields

Featured Item

  • Field Name: field_featured_item (existing field)
  • Label: Featured Item
  • Type Entity Reference
    • Use Content Browser
    • Allowed Types:
      • Nodes
  • Required: Yes
  • Max Characters: N/A
  • Tooltip Text: N/A
  • Cardinality: 1
  • Translatable: No

Form Display

  • Featured Item
  • Override Card Title
  • Override Card Description

NCIDS Imageless Card External

NOTE: This uses the same override fields as Imageless Cards Internal to simplify templates used for the cards.

Properties

  • Display Name: NCIDS Imageless Card External
  • Machine-readable Name: ncids_imageless_card_external
  • Description: Featured external content in an NCIDS Imageless Card Group

Common Fields

  • Override Card Title
    • Label: Card Title
    • Required: Yes
  • Override Card Description
    • Label: Card Description
  • External Link Display
    • Label: External Link Display

Local Fields

Featured Item Url

  • Field Name: field_featured_url (existing field)
  • Label: Featured Item Url
  • Type: Text
  • Required: Yes
  • Max Characters: N/A
  • Tooltip Text: Enter the full URL starting with https://
  • Cardinality: 1
  • Translatable: No

Form Display

  • Featured Item URL
  • External Link Display
  • Card Title
  • Card Description

NCIDS Imageless Card Multimedia

Properties

  • Display Name: NCIDS Imageless Card Multimedia
  • Machine-readable Name: ncids_imageless_card_multimedia
  • Description: Featured media content in an NCIDS Imageless Card Group

Common Fields

  • Override Card Title
  • Override Card Description

Local Fields

Featured Media

  • Field Name: field_featured_media (existing field)
  • Label: Featured Media
  • Type: Entity Reference
    • Use Content Browser
    • Allowed Types:
      • Media:
        • cgov_infographic
        • cgov_file
  • Required: Yes
  • Max Characters: N/A
  • Tooltip Text: N/A
  • Cardinality: 1
  • Translatable: No

Form Display

  • Featured Media
  • Override Card Title
  • Override Card Description