Collection list layout

A parent folder is a directory containing one or more folders and files.

Localization (l10n) involves adapting digital content and applications to meet a specific region or culture’s language and conventions.

Cookies are small text files sent by a website to a user’s web browser that enhance their browsing experience by remembering site preferences and activities.

Product attributes are specific characteristics that define purchasable merchandise or commodities and provide relevant information to customers.

A feature that allows you to see how your site would be displayed in a browser without needing to publish your site or leave the Designer.

When someone sends data through one of your site's forms.

An array is an ordered, random-access collection of data. This data can be either primitive or object, depending on the coding language.

Flex-basis is a CSS property used in flexboxes that sets the initial size of a flex item before it grows or shrinks.

A hit is a request to a web server from a browser for a specific resource.

A design approach that prioritizes content planning and production in the design process.

The area where you can manage your profile, email settings, and security settings.

Width defines how wide an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Return on investment (ROI) is a metric evaluating the profitability or gain of a venture.

The amount of times a site visitor submits data using your site's form(s).

A navigational aid that displays in the bottom of the Webflow Designer to help you keep track of the element you're interacting with in relation to its hierarchy.

A Hypertext Markup Language (HTML) tag is a code snippet that defines and describes the structure and content of web pages.

Serialization is the process of converting data into an optimized format for storage, transmission, and sharing.

The <strong> element defines important text with added semantic importance.

The span tag is used to style inline-text.

Email confirmations you receive upon making Webflow payments.

All elements on the page targeted by the same selector.

Top of the funnel (TOFU) refers to the initial marketing funnel stage where potential customers become aware of a brand’s existence.

Left To Right (LTR) describes a text layout that starts from the left and proceeds to the right.

A footer is a section at the bottom of a web page.

The last time your site was published.

The flex-shrink CSS property defines how much an element shrinks relative to other flexible items inside the same parent element.

The document object model is a platform- and language-neutral interface that lets programs and scripts dynamically access and update the content, structure, and style of documents.

A section of the Add panel that houses form elements like inputs, checkboxes, and radio buttons.

Empty or void elements are HTML elements that don’t require a closing tag because they contain no content.

The part of a domain that comes before the root domain (e.g., blog.yourwebsite.com is a subdomain whereas yourwebsite.com is the root domain).

An element that contains ordered (numbered) or unordered (bulleted) lists.

You can exclude pages from being published to your site by setting them as drafts. These can be unfinished pages, internal pages such as style guides, archived pages saved for backup, etc. Learn more about drafted pages.

ALPN stands for Application-Layer Protocol Negotiation. It’s a Transport Layer Security (TLS) extension that aids client and server identification during secure data transfers.

A parameter is a programming variable or value that transfers data between functions.

Display properties operate like instructions that tell a browser how to display the different parts of a webpage. You can customize an element’s appearance and layout by changing its display property.

A Webflow element that displays externally hosted videos such as YouTube and Vimeo.

Real-Time Streaming Protocol (RTSP) is a standardized network protocol for transmitting real-time multimedia data like audio and video.

APIs, or Application Programming Interfaces, are common code protocols that let apps safely exchange data with other apps, software, and hardware.

An em in CSS is a scalable and relative unit of measurement that defines the size of an element relative to its parent's font size.

The place to go when you need help using Webflow.

An application context is a set of data that identifies an application’s tasks, where those tasks originate, and how those tasks are configured.

A modal window (or modal) is a web element that displays above all content and restricts user interaction until it’s manually dismissed.

You can manage your site pages within Page settings. Here, you can rename, duplicate, delete, or save pages as drafts. You can also set SEO, Open Graph, and site search settings, as well as insert custom code. Additionally, you can set RSS settings for Collection pages.

A heading is a text element that provides a title or headline for a section of content on a webpage. These elements guide users and search engines through your content.

A wrapper is a programming language function for encapsulating and organizing elements within a well-defined interface.

A dynamic page that Webflow automatically creates for each Collection item. When you design a Collection page, all the pages that are created for each Collection item will have the same template but different content.

NAT (Network Address Translation) is a technique that enables communication between devices with private internet protocol addresses and the public internet.

Decryption is the process of reverting encrypted data to its original format.

In software and web development, deployment is the process of moving code from one environment to another, usually in the form of changes or updates.

The fastest way to learn how to use Webflow.

Semantics accurately represent the structure and purpose of content in computer languages, enabling web developers and programmers to ensure the written code produces an output legible to humans and machines.

The default UI state for Collection lists, which displays the items in the Collection. It is the opposite of the empty state.

Conditionals, also known as conditional statements or expressions, are coding instructions that tell a program to execute an action for a certain condition.

A section is an element of design layout that divides a web page into visually distinct segments.

A flexbox property that lets you customize the alignment behavior of flex children, based on the cross-axis of the flex container. The cross axis is the opposite of the flex-direction property, so if you set the direction to vertical, the cross axis is horizontal. Options include start, center, end, baseline, and stretch.

Clickjacking is when a malicious actor deceives website visitors into clicking buttons or links hidden in a fake layer to steal sensitive data or install malware.

When you have more unhosted sites in your Dashboard than your Workspace plan allows, those additional sites past your limit will be “locked” until you upgrade your plan. When you upgrade, you’ll be allowed more unhosted sites (up to the limit for your Workspace plan) and will be able to access your previously locked sites.

In JavaScript, literals are fixed values written directly into the code.

In cryptography, a cipher is a digital security algorithm that encrypts and decrypts data.

Bottom padding is the space between the bottom of an element and its border.

A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.

A call-to-action (CTA) is a website feature that prompts visitors to perform a specific action.

Ciphertext is unreadable, encrypted data that ciphers use for security during data transit.

Allows you to manage your folders.

Java is an object-oriented programming language for building dynamic, interactive web applications across platforms

Authoring Tool Accessibility Guidelines (ATAG) are a layered rule-set that influence how designers and developers create a more accessible internet.

The front-end refers to the visual and interactive part of a website or application that users directly interact with.

A unique ID you can use to link your Google Analytics account to your Webflow site.

A form element that lets website visitors submit data to your form handler.

A callback function is passed as an argument to another function and executed upon completing the latter’s task.

Idempotency is a computing principle where multiple applications of a function or operation produce the same result as a single execution.

The "height: auto" CSS property automatically adjusts an element’s height based on its content.

A robots.txt file instructs search engine crawlers which webpages and sections they can or can't crawl and index.

A buffer is a temporary storage area that holds data while transferring it between different components or systems.

A Webflow canvas setting that lets you create styles for viewports with a minimum width of 480px and a maximum width of 767px. Also known as the mobile landscape media query.

The “max-height” CSS property defines an element’s maximum height.

A blog, short for weblog, is a website or webpage where an individual or group regularly shares content about specific topics, typically in reverse chronological order.

An Adobe Fonts API token protects and supports your data from Adobe Fonts with other programs you may be using to personalize your website’s fonts.

The min-width CSS property defines an element's minimum width. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

A CMS field used in Collections. This powerful field allows you to link to other Collections within your website to populate fields in Collection lists and Collection pages.

Synchronous programming refers to sequentially executed operations.

The dropdown menu to the right of the Selector field that allows you to access and change the styles of an element when it is hovered, pressed, or focused.

The inside spacing between the right border of an element and the elements inside it.

A 16x16 px image that displays in browser tabs, bookmarks, and other browser areas. It's typically a simplified version of the site's logo.

A measurement unit relative to an element's parent.

Any element that is further up the element hierarchy of the document tree. For example, the Body element is the ancestor of all elements on the Designer canvas.

Form submission notifications that have no reference to Webflow (e.g., notifications sent from “no-reply@webforms.io” instead of “no-reply@webflow.com”).

A Webflow plan that you can add/apply to individual sites. You’ll receive access to different site and hosting features based on your Site plan.

A valid CSS pseudo-class is a keyword that enables styling HTML elements based on their state or position in the document structure or web page.

A form element that allows site visitors to enter multi-line data.

Form blocks allow you to add form elements to a website, including appointment booking, surveys, applications, polls, and contact forms.

A Webflow plan that applies to your entire Workspace.

A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.

A Webflow service that lets you point a custom domain to your Webflow-hosted site.

A webpage’s accessibility tree indicates which parts of the page are compatible with assistive technologies such as braille displays, screen readers, and voice commands.

The last time someone made a change to your site.

You can set any Collection field as "Required," which means that a value must be added to that field in the Collection item before it can be published. The only Collection field that cannot be made required is the Switch field.

An individual item within a Collection. For example, in a “Blog Posts” Collection, the Collection items are individual blog posts.

A bottom bar is a navigation bar at the bottom of an app or webpage.

Short for Joint Photographic Experts Group, JPEG is a file format that uses lossy compression to maintain manageable file sizes without compromising image quality.