Skip to main content

Block Tags and Multiple Media

Block tags let you automatically show or hide content based on the number of media items present in a Photo, Drawing, or Diagram field.

⚠️ Important information
Before you begin, we recommend reading the tutorial What are Block tags? to fully understand how they work and how they're used.

Photo, Drawing, and Diagram fields can be configured in multiple mode, meaning they can contain several media items.

The examples below use placeholder IDs and apply to all three field types.

👉 When using them, be sure to replace these IDs with the ones from your own form.

1. Comparison operators

Depending on your needs, you can add a comparison operator as a suffix in your block tags.

General syntax:

##_block:id-operator:value##

... content ...

##_block:id-operator:value##

These operators let you define conditions based on the number of media items present in the field.

Operator

Meaning

-eq:

Equal to

-ne:

Not equal to

-lt:

Strictly less than

-le:

Less than or equal to

-gt:

Strictly greater than

-ge:

Greater than or equal to

2. Displaying content based on the number of media items

Syntax

Display

##_block:photo-eq:2##
Content
##_block:photo-eq:2##

The content displays if there are 2 or more photos (2 or more)

##_block:photo-ne:2##
Content
##_block:photo-ne:2##

The content displays when there are fewer than 2 photos or more than 2 photos, but not when there are exactly 2 photos (0, 1, 3 and above)

##_block:photo-lt:2##
Content
##_block:photo-lt:2##

The content displays only when there are fewer than 2 photos (0 or 1)

##_block:photo-le:2##
Content
##_block:photo-le:2##

The content displays when there are 2 photos or fewer (0, 1, or 2)

##_block:photo-gt:2##
Content
##_block:photo-gt:2##

The content displays when there are more than 2 photos (3 and above)

##_block:photo-ge:2##
Content
##_block:photo-ge:2##

The content displays if there are 2 or more photos (2 or more)

💡 Tip
These customizations also work with Drawing and Diagram tags.

For example:

##_block:drawing-ge:2##

##_block:diagram-ge:2##

Did this answer your question?