Paragraph Type Hero Banner - NCIOCPL/cgov-digital-platform GitHub Wiki

• Display Name: Hero Banner
• Machine-readable Name: cgov_hero_banner
• Description: Hero Banner for Home and Landing Pages.

Standard Template

• Desktop: 1350x297px
• Tablet: 1000x343px

Special Report Template

• Desktop: 1440x540px
• Tablet: 1024x384px
• Mobile: 640x380px

• Desktop Hero (1025px and above)
• Tablet Hero (< 1024px and smaller for Standard template, 1024 - 641px for Special Report template)
• Mobile Hero (640 - 320px for Special Report template)

Text from the Tagline field in the Hero Banner Paragraph

• On desktop, overlays the image as white text
• On tablet, displays at the bottom of the image as white text in a dark gray box overlay

• Fields
  • field_desktop_hero
  • field_tablet_hero
  • field_mobile_hero
  • field_tagline

• Field Name: field_desktop_hero
• Label: Desktop Hero
• Type: image
  • Allow alt field
  • Disable Title field
  • Display should just be original image
• Required: yes
• Tooltip Text: The desktop hero image
• Cardinality: 1
• Translatable: No

• Field Name: field_tablet_hero
• Label: Tablet Hero
• Type: image
  • Allow alt field
  • Disable Title field
  • Display should just be original image
• Required: yes
• Tooltip Text: The tablet hero image
• Cardinality: 1
• Translatable: No

• Field Name: field_mobile_hero
• Label: Mobile Hero
• Type: image
  • Allow alt field
  • Disable Title field
  • Display should just be original image
• Required: no
• Tooltip Text: The mobile hero image. For Special Report template only.
• Cardinality: 1
• Translatable: No

• Field Name: field_tagline
• Label: Tagline
• Type: text (plain)
• Required: yes
• Max Characters: 255
• Tooltip Text: The tagline
• Cardinality: 1
• Translatable: No