Skip to content

Checklist Display (VT)

Renders a Checklist (VT) post field on the front end — the items, a progress bar, and the tick interaction.

Enabled automatically with the field

Enabling the Checklist (VT) post field switches this widget on for you. You can still toggle it under Voxel Toolkit → Widgets.

Setup

  1. Enable the Checklist (VT) field under Voxel Toolkit → Post Fields.
  2. Add the field to a post type in Voxel → Post Types.
  3. Place Checklist Display (VT) on that post type's single template.
  4. Select which checklist field to render.

Checklist Settings

ControlPurpose
Select Checklist FieldWhich Checklist (VT) field to render
Hide if No ItemsHide the widget rather than render an empty checklist
Show Progress BarDisplay completion as a bar
Show Percentage TextDisplay completion as a percentage
Show Checked TimestampShow when each item was ticked
Hide Checked ItemsShow only what's outstanding
Hide Unchecked ItemsShow only what's done

Hide Checked and Hide Unchecked are a pair

Turning both on leaves nothing to display. Use one at a time — Hide Checked for a "what's left" view, Hide Unchecked for a completed-work summary.

Text Settings

ControlPurpose
Empty MessageShown when the checklist has no items
Progress TextWording around the progress indicator

Per-user or global

Whether each visitor tracks their own progress or everyone shares one state is a field setting, not a widget setting — see Post Fields.

The widget renders whichever mode the field is in. Per-user progress needs the visitor to be logged in, since there's no account to store it against otherwise.

Styling

Elementor controls for the checkbox, item text, progress bar, and timestamps.

Troubleshooting

Nothing renders

  • Confirm the post has items in its Checklist (VT) field
  • Confirm Select Checklist Field points at the right field
  • Check whether Hide if No Items is hiding it by design
  • Check that Hide Checked Items and Hide Unchecked Items aren't both on

Progress doesn't persist between visits

Per-user tracking needs a logged-in user. For anonymous visitors there's no account to store progress against — either require login or switch the field to global tracking.

Everyone sees the same ticks

The field is in global mode. Change it to per-user in the post type field settings.

Timestamps are blank

Items ticked before Show Checked Timestamp was enabled have no recorded time. New ticks record one.

Developers

Ticking an item fires voxel_toolkit/checklist/item_checked — see the Developer Reference.

Built by Code Wattz.