Paragraph Type NCIDS 2 Column Layout for Mini Landing Pages - NCIOCPL/cgov-digital-platform GitHub Wiki

An NCIDS 2 Column Layout component is a section for featuring content on an NCIDS Mini Landing Page which aligns two different content items horizontally to relate content and improve user scroll depth.

An NCIDS 2 Column Layout is placed inside the Contents field of Mini Landing Pages with the NCIDS style.

Properties

• Display Name: NCIDS 2 Column Layout
• Machine-readable Name: ncids_mlp_two_column_layout
• Description: NCIDS 2 Column Layout Component for Mini Landing Pages

Allowable Contents

• NCIDS Content Block
• NCIDS Feature Cards
  • NCIDS Feature Card Internal
  • NCIDS Feature Card External
  • NCIDS Feature Card Multimedia
• NCIDS Summary Box
• Raw HTML Content
• NCIDS Image
• NCIDS Video

Fields

2 Column Layout Display

• Field Name: field_two_column_layout_display
• Label: 2 Column Layout Display
• Type: Dropdown
  • 50/50 (value: two_column_layout_50_50)
  • 66/33 (value: two_column_layout_66_33)
• Required: Yes
• Max characters: N/A
• Tooltip Text: Sets the display for two columns, in either a 50/50 or 66/33 split (content on the left takes up 2/3 of your page and content on the right takes up 1/3).
• Cardinality: 1
• Translatable: No

Left Content

• Field Name: field_main_contents (reuse from 2 Column Container for H&L pages)
• Label: Left Content
• Type: Paragraphs
  • Using Asymmetrical Translation Widget
  • Allowed Types:
    • NCIDS Content Block
    • NCIDS Summary Box
    • Raw HTML Content
• Required: Yes
• Max characters: N/A
• Tooltip Text: The left content of this layout.
• Cardinality: 1
• Translatable: No

Right Content

• Field Name: field_secondary_contents (reuse from 2 Column Container for H&L pages)
• Label: Right Content
• Type: Paragraphs
  • Using Asymmetrical Translation Widget
    • NCIDS Content Block
    • NCIDS Feature Cards
      • NCIDS Feature Card Internal
      • NCIDS Feature Card External
      • NCIDS Feature Card Multimedia
    • NCIDS Summary Box
    • Raw HTML Content
  • NCIDS Image
  • NCIDS Video
• Required: Yes
• Max characters: N/A
• Tooltip Text: The right content of this layout.
• Cardinality: 1
• Translatable: No

Form Display Order

• 2 Column Layout Display
• Left Content
• Right Content