Media Type Infographic - NCIOCPL/cgov-digital-platform GitHub Wiki

Things to Discuss

Naming

  • Display Name: Infographic
  • Machine-readable Name: cgov_infographic

Description

Media type for visual representations of information and data. This content type creates a page for the infographic.

In June 2020, the content type and front end template were updated. Changes include:

  • Add a mobile version
  • Pull infographic file for inline placement
  • Sttreamline metatda
  • Change click behavior from link to page to opening file

How This Content Type Works

  • Create an infographic, and upload the infographic to the infographic content type.
  • To display the full infographic on another content page, insert the infographic content type through the WYSIWYG. (see NCI at a Glance Infographic).
  • If you would like to promote the infographic across the site (in a card, list, or for social media), the promotional image associated with the ifnographic will display.

Additional Behaviors

  • If accessible text is provided, the text needs to become a page.
  • If there's no accessible text provided, display a 404 error.
  • Both the alt text and the longdesc (if provided) will be visible - on both the infographic page and if the infographic is placed in-line
  • On the infographic page, the infographic is always scaled to fit into the page, with an option to "View and Print Infographic" to see the full scale infographic in a new tab.

Fields

Common Fields

Common Media Fields

Unique Fields to This Content Type

Infographic - Desktop

  • Field Name: field_infographic
    • Label: Infographic – Desktop Version
    • Type: Upload
    • Required: Yes
    • Tooltip Text: Desktop version of the infographic. One file only. 256 MB limit. Allowed types: png gif jpg jpeg.
    • Cardinality: 1
    • Translatable: Yes
    • NOTEGenerates Alt Text field

Infographic - Mobile

  • Field Name: field_infographic_mobile
    • Label: Infographic – Mobile Version
    • Type: Upload
    • Required: No
    • Tooltip Text:
    • Cardinality: 1
    • Translatable: Yes
    • NOTE: this field does not display an alt text field

Meta Data

Common Metadata

TBD

Local Metadata

TBD

Form Display Order

  • Language Dropdown
  • Site Section
  • Pretty URL
  • Name (Title)
  • Browser Title
  • Card Title
  • Meta Description
  • List Description
  • Feature Card Description
  • Body
  • Caption
  • Accessible Text Version
  • Infographic - Desktop Version
  • Infographic - Mobile Version
  • Promotional Image
  • Posted Date
  • Updated Date
  • Reviewed Date
  • Date Display Mode
  • Public Use
  • Syndicate
  • Syndication Keywords
  • Search Engine Restrictions

Page Display

Invision: https://publicis.invisionapp.com/share/CJW8VVAV87U#/screens

Example URLs:

Infographic Pages:

Embedded Infographic:

⚠️ **GitHub.com Fallback** ⚠️