Field binding
Field binding connects an element on a page, such as a heading, image or link, to a field of a content item, so the element shows that item's value instead of fixed text.
Updated
On this page
What it is
Binding separates design from content. A designer styles one card; each item fills it with its own title and photo. Editors change the content without touching the design, and the design changes without retyping any content.
Bindings can also decide whether something shows at all, such as a Sold out badge that appears only when a switch is on.
In Xodia
Inside a Collection List or on a collection page, select an element and choose Content from in its settings: Static, or a field of the right type. Visibility shows it only when a field is set, empty, on or a given value.
Bound elements carry a field chip on the canvas, and double-clicking bound text edits the item, not your code. In the code a binding is plain JSX with a data-field attribute.
Read more
Related terms
- Collection listA collection list is an element that repeats one design for each item of a content collection, such as cards for the latest blog posts, filtered, sorted and limited as you choose.
- Collection pageA collection page is one page design that shows every item of a CMS collection, each at its own address, such as /blog/my-first-post for each post in a blog.
- CMS schemaA CMS schema is the definition of a site's content types and their fields, such as a blog post with a title, a date, an author reference and a body, that every entry must follow.