Skip to Content

Badges

Badges display field values as visual labels on your items, helping users quickly identify categories, statuses, or other important information.

Adding badges

Open your widget in the editor

Navigate to your widget and click Edit to open the editor.

Go to the Badges settings

  • For list view: Go to List Settings → expand the Badges accordion
  • For details page: Go to Details → expand the Badges accordion

Add a badge field

Click Add Field and select a column from the dropdown. The values from that column will display as badges on your items.

Badges are hidden when using the Table layout. Switch to Cards or List layout to display badges.

Badge position

The available position options depend on your layout:

Cards layout:

  • In cover image - Displays over the card’s cover image
  • Above title - Shows above the item title
  • Below title - Shows below the item title

List layout:

  • Above title - Shows above the item title
  • Below title - Shows below the item title

Details page:

  • Above title - Shows above the item title
  • Below title - Shows below the item title

Styling badges

Each badge field has its own style settings. Click on a badge field to customize:

  • Font size - Choose from Small to Extra Large
  • Font weight - Range from Light through Extra Bold
  • Text colour - Pick a custom text colour
  • Badge background - Set the badge background colour
  • Shape - Choose between Pill (fully rounded) or Rounded corners

Multiple badges

You can add multiple badge fields to display different information:

  1. Click Add Field again to add another badge
  2. Select a different column for each badge
  3. Style each badge independently with its own colours and shape

Each badge field can have completely different styling, making it easy to visually distinguish between categories, statuses, and other data.

Badges on the details page

Badges can also appear on individual item details pages:

  1. Go to DetailsBadges
  2. Click Add Field and select your column
  3. Choose a position (Above title or Below title)
  4. Customize the badge styling

The details page supports the same styling options as the list view, except the “In cover image” position is not available.

Last updated on