Paragraph Type Borderless Full Width Card - NCIOCPL/cgov-digital-platform GitHub Wiki

The Borderless Full-Width Card presents a single piece of content with title, text, image, and button.

Updated 1/2021 to expand functions

Properties

  • Display Name: Borderless Full-Width Card
  • Machine-readable Name: cgov_card_borderless
  • Description: Full width feature card with an optional button

Allowed Contents

  • Internal content only

Image

Image pulls 1:1 crop of associated image or override

Fields

Common Fields

Featured Item

  • Field Name: field_featured_item
  • Label: Featured Item
  • Type: Entity Reference
  • Required: Yes
  • Max characters: N/A
  • Tooltip Text:
  • Cardinality: 1
  • Translatable: No

Longer Override Card Description

  • Field Name: field_override_card_longer_description
  • Label: Longer Override Card Description
  • Type: Text (plain)
  • Required: No
  • Max characters: 500
  • Tooltip Text: Used to override the page’s card description. Leave blank if no need to override.
  • Cardinality: 1
  • Translatable: No

Button Text

  • Field Name: field_button_text
  • Label: Button Text
  • Type: Text (plain)
  • Required: NO (Change Feb 2021) :exclamation:
  • Max characters: 50
  • Tooltip Text: Text of the button pointing to the featured content.
  • Cardinality: 1
  • Translatable: No

Button Alt Text

Should output "" when no alt text is entered

  • Field Name: field_button_alt
  • Label: Button Alt Text
  • Type: Text (plain)
  • Required: No
  • Max characters: 125
  • Tooltip Text: A description of the link destination for use by screen readers. Suggest using the title of the destination page.
  • Cardinality: 1
  • Translatable: No

Button Display

  • Field Name: field_button_display
  • Label: Button Display
  • Type: Dropdown
    • Show Button (default value)
    • Hide Button
  • Required: Yes
  • Max characters: N/A
  • Tooltip Text: Choose if your card displays a button or not. If it does, button text and alt text should be provided.
  • Cardinality: 1
  • Translatable: No

Image Position

  • Field Name: field_image_position
  • Label: Image Position
  • Type: Dropdown
    • Image Right
    • Image Left
  • Required: Yes
  • Max characters: N/A
  • Tooltip Text: Choose if your card image displays on the right or the left of the text.
  • Cardinality: 1
  • Translatable: No

Card Theme

  • Field Name: field_card_theme
  • Label: Card Theme
  • Type: Dropdown
    • Default
    • Accent Warm
    • Accent Cool
  • Required: Yes
  • Max characters: N/A
  • Tooltip Text: Changes the background color of the card.
  • Cardinality: 1
  • Translatable: No

Form Display Order

  • Featured Item
  • Card Theme
  • Image Position
  • Override Card Title
  • Longer Override Card Description
  • Promotional Image
  • Button Display
  • Button Text
  • Button Alt Text

Notes

Created a "longer override description" to allow for more characters than a standard override text.