Difference Between Label and Paragraph Elements in Simply Forms

When designing forms in Simply Forms, both Label and Paragraph elements can display multi-line rich text content. However, they serve slightly different layout purposes, especially when it comes to spacing and visual grouping.

Key Differences: Spacing and Blank Lines

Both elements support:

  • Multiple lines of text
  • Rich text formatting (inline styling, links, etc.)

However, their rendering behavior differs:

  • Label element
    • Lines are displayed tightly, with no extra padding between lines
    • Blank lines are not visible (empty lines collapse)
  • Paragraph element
    • Each paragraph includes vertical padding, creating visible spacing
    • Blank lines are preserved and displayed as entered

As shown in the screenshot below, the first block is a Label element, and the second block is a Paragraph element.

Adding Multiple Paragraphs to a Form

When you need to add multiple paragraphs of text, you have two options:

  1. Use a single Paragraph element
    • Insert multiple paragraphs within the same element
    • Built-in paragraph spacing will separate them visually
  2. Use multiple Paragraph elements
    • Add each paragraph as its own element
    • Additional spacing will appear between elements

Keep in mind that spacing between separate elements is different from paragraph padding within a Paragraph element. Spacing between elements can be adjusted in the Theme Editor → Simply Form property panel to achieve your desired layout.

When to Use Each Element

Use a Label element when:

  • You want compact multi-line text
  • The text belongs closely to a specific input field
  • No extra spacing between lines is desired

Use a Paragraph element when:

  • You want readable body text or descriptions
  • Content contains multiple paragraphs
  • Visual separation between text blocks is important

Leave a Reply

Discover more from Silverpineint

Subscribe now to keep reading and get access to the full archive.

Continue reading