Webflow CMS & Collection Lists

Strongly-typed Data-binding

Overview
State of Affairs
CMS Basics
Strongly-typed Data-binding
11:45
101
CMS Field Types
11:45
102
Sorting Collection Lists
Sorting by OPTION & REF Fields
13:43
201
Random, Dynamic List Sorting
202
Filtering Collection Lists
Filtering Collection Lists
11:45
250
Filtering Collection Lists by Date Range
11:45
252
Working with Collection Lists
How Collection List Pagination Works
3:46
301
Unbinding Collection Lists
3:46
302
Hide an Entire Section w/ Empty Collection Lists
7:00
303
Nesting Collection Lists
304
Display Filename for Download
305
Collection Lists & Custom Code
How to Store Custom Code in a CMS Text Field
400
How to Bind CMS fields to Custom Attributes
401
Collection Pages
Collection Pages
501
Password-Protecting Collection Pages for Specific CMS Items
502
Copying a CMS Page Layout to a Static Page
502
Prev-Next Navigation
503
No items found.
Published
January 7, 2023
Updated
in lightbox

Webflow's CMS is Strongly-Typed

Webflow has a strongly-typed approach to CMS content.

Numbers, Dates, Emails, Urls, Colors, are all “data types” that can be used as fields in the CMS. Each of these can be used in specific ways, and bound to specific attributes of specific elements.

Let suppose you have a collection list that is bound to a Collection named Recipes. In that collection list, you put a Link element on the canvas.

Different attributes of that Link element can be bound to different fields in your Recipes collection.

  • The text of the link can be bound to any Text field in your recipe.
  • The url can only be bound to a Url field ( or possibly an email field, for email links ).
  • The text and background colors of the Link can only be bound to Color fields.

When you're in the designer, binding an attribute, Webflow will only show the field types it allows you to use from that specific Collection, and for that specific binding.

Text v. Rich Text

Text and Rich Text field types are different, and bind differently.

If you have a Rich Text element on in your design, it can only be bound to Rich Text fields in your collection.

Plain text elements, headings, link titles, and other text things can only be bound to plain Text fields in your collection.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.