Frequently asked questions

6132770a5e2efb3153b682be
a11y
accordion
autovideo
cms
cmsattribute
cmscombine
cmscore
cmsfilter
cmshideempty
cmsload
cmsnest
cmsprevnext
cmsselect
cmsslider
cmssort
cmsstatic
cmstabs
codehighlight
combobox
components
cookie-consent
copyclip
countitems
datepicker
favcustom
formsubmit
infiniteslider
inputactive
inputcounter
inputs
linkblockedit
mirrorclick
mirrorinput
modal
numbercount
queryparam
rangeslider
readtime
richtext
scrolldisable
selectcustom
sliderdots
smartlightbox
socialshare
starrating
toc
Disclaimer
We do our best to keep this database updated. We rapidly update, fix, and enhance Attributes. It is possible an answer has outdated content. Join our community to help us identify required updates. Sign up for a Finsweet Account and join us on Slack.
question_search-highlight class
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Attributes
Mar 16, 2023

Do Finsweet Attributes scripts track any personal user data?

Attributes do not collect any sort of user data.

false
false
a11y
Mar 16, 2023

Do Finsweet Attributes add the corresponding ARIA attibutes to every element on the page or only the ones linked to the solution?

There's two different concepts here:

  • The @finsweet/attributes-a11y package
  • And the rest of Finsweet Attributes.

The a11y package doesn't add any ARIA attributes to any element. It just reads the existing ARIA Attributes on the page and runs the dynamic ARIA attributes (like aria-expanded, where its value depends on if the element is visible or not).

Each of the Finsweet Attributes is in charge of adding the proper ARIA attributes to the elements affected by the Finsweet Attribute.
Any element that is not affected by a Finsweet Attribute, it's up to the developer to ensure it has the proper ARIA Attributes.

false
false
numbercount
Feb 27, 2023

How can I format decimal numbers?

Currently the Number Count attribute does not support decimal points

false
false
Attributes
Jan 31, 2023

Will there be performance problems with multiple scripts loaded on the page? Wouldn't it be better if all functionality was compiled to one script?

All scripts are loded asynchronously using defer or async tags, they never block the main thread. Each solution is self-contained and can run independently as soon as it’s loaded without causing waterfalls.

They all are intercompatible and couple together once they run. Each script is strongly cached on a CDN and on the user’s browser.

Bundling multiple scripts would lead to an exponential amount of variations that could be very hard to cache effectively, as an update to one of them would require invalidating all variations that include it since HTTP/2 concurrent requests are very performant, and edge cases like slow networks are likely to improve with HTTP/3.

This also serves as a version control system using @ 1 in script tag allows us to push updates to solutions without requiring users to update script tags. If something breaks with CMS Nest, we can push a fix to all CMS Nest implementations.

false
false
toc
Oct 21, 2022

My Table of Content is larger than my screen size, how can I scroll to the bottom of the table?

Give your sidebar a defined height, this will allow you to scroll up or down.

false
false
cmsload
Jun 15, 2022

Is there a workaround on how to trigger embedded scripts for items that are not loaded on initial load?

Currently we do not support <script> tags inside collection items when using cmsload, give us some time to work on this.

true
false
cmsload
Jun 15, 2022

CMS Load is creating a new page every time my Load More button is pressed, is this native Webflow behavior or is it from the CMS Load script?

This is Native behavior, you will get this with either native load more or attributes, each page query combination returns html that contains the Collection Items for that specific page of the Collection. If you are worried about crawling, you could try to add rel=nofollow to the Next and Previous buttons and submit your sitemap.xml to Google Search Console so the bots can still discover the Collection Items from there.

false
false
Attributes
Jun 15, 2022

How can I translate dynamic content with Weglot?

Go to your Weglot Dashboard > Settings > App Settings and Add the dynamic content (related) .class or #id you want to translate in the dedicated field.

If you chose to add the class remember to add a period (.) before the class name

false
false
cmssort
cmsfilter
Dec 21, 2022

How can I use CMS Combine and CMS Sort together to sort on page load?

This can be achieved with a little custom JS, basically follow these steps:

1. Add the CMS Sort script after the CMS Combine script

2. Set up the sort attribute using this docs https://www.finsweet.com/attributes/cms-sort/

3. Set the sort button to display:hidden and give it a unique class name (ie. ".fs_cmssort_button"). Add the script below before the </body> tag

<script>
window.onload=function(){
document.querySelector(".fs_cmssort_button").click();
};
</script>

false
false
cmsfilter
Jun 15, 2022

Could I use CMS Filter inside a blog page to find content on the template page?

Our filter is designed to filter CMS collection items, if you are listing a collection list on the template page, it should work with just the normal implementation.

false
false
cmsfilter
Mar 28, 2022

Could I use CMS filter to filter simultaneously by alphabetical and chronological order?

By default CMS filter will sort the list by alphabetical order, you can change this to chronological order by targeting the date which will change the sort order. However there is no current way to combine both sorting options.

false
false
cmscombine
cmsfilter
Mar 28, 2022

Can I filter 2 collections with CMS filter?

First you have to use CMS combine then you will be able to filter both collections, this cannot be possible without CMS combine

false
false
cmsslider
Aug 22, 2022

Is there a workaorund for using Webflow interactions in a CMS Slider without resetting all of my pages interactions with fs-cmsslider-resetix = true?

There is no current workaround for this, please use this attribute carefully as to not cause major issues with your page’s interactions

false
false
cmsnest
cmscombine
cmsfilter
Sep 18, 2024

Could I make CMS Nest, Combine and Filter work together on the same page?

A special setup is required for this. Follow the next steps

  1. Prevent CMS Combine and CMS Filter from loading by adding fs-attributes-preventload='true' to the scripts
  2. Add the following snippet to the </body> section of your page
<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmsnest',
    (listInstances) => {
      console.log('cmsnest Successfully loaded!');
      window.fsAttributes.cmscombine.init();
      window.fsAttributes.cmsfilter.init();
    },
  ]);
</script>

Some tweaks may be required so please feel free to open a thread on the Forum!

false
false
cmsfilter
Feb 23, 2022

How can I apply filters to a page after a redirecting the user to that page?

1st activate SHOW QUERY , then apply the filters you wish and copy the URL then make it the link to the articles page. It will load the page with the filters preselected.

false
false
cmscombine
cmsload
Feb 23, 2022

Can I combine 2 lists and have them load under?

This is not posible because load under relies on webflow´s native pagination to work

false
false
cmsfilter
Feb 23, 2022

How can I assign a filter as the default after a user loads the page?

Just set the checkbox’s state as checked on the designer

false
false
countitems
Feb 23, 2022

Item counter does not change to “0” when collection list is empty, how can I fix this?

Add a “0” to the paragraph, text block or headline where you want to display your count then set it as the “fs-countitems-element=value”

false
false
cmscombine
Feb 23, 2022

Can the combine attribute work with pagination?

Combine does not work with pagination at the moment

false
false
cmssort
Dec 20, 2022

Can I set a default sort?

There is a work around using custom Javascript, you should setup the sort attributes and add a sort button with the class ".fs_cmssort_button" that you set style to display:none .


Then add the following script to the footer code.

<script>
window.onload=function(){
document.querySelector(".fs_cmssort_button").click();
};
</script>

true
false
cmsnest
Feb 23, 2022

Can I use the nest attribute to pull data like images into a nested collection list?

It should be possible, just be sure that the template page has all the items that you need nested referenced on sthe page.

false
false
cmsfilter
Feb 23, 2022

How can I make a CMS list show as empty before any filter is applied?

You can create a div with a message, image or just leave it empty and apply the “fs-cmsfilter-element=initial” attribute to it

false
false
cmsfilter
cmssort
Dec 21, 2022

Can CMS Filter and CMS Sort work together?

Sure they can!

false
false
cmsfilter
Feb 27, 2023

Can we use CMS Filter attribute to filter content from an API?

Yes, Attributes do work with API content/data, it is not limited to Webflow CMS content.

true
false
mirrorclick
Feb 12, 2022

Can we use different triggers for the same target?

Yes, you can have several triggers for one target.

false
false
Attributes
Jan 24, 2022

Can we use attributes on Webflow’s e-commerce catalogue pages?

Yes, you are able to use them on all kind of pages.

false
false
cmsslider
Feb 27, 2023

Is there a way to make the CMS Slider loop back to the beginning after the last slide passes?

This is the behaviour of webflow slider, we hope to have a solution soon.

false
false
Attributes
Jan 17, 2022

Does CMS library conflict with attributes if used on the same page?

Yes, they will not work together.

false
true
cmsfilter
Jan 13, 2022

Are form and form block mandatory for the filter UI elements or are they best practices "only"?

They are mandatory for the system. It was built as a solution that can manage enterprise-level filters. Forms allow for natural accessibility and screen reader functions. This also takes out the requirement to have multi and exclusive labeled filter groups.

false
false
cmsfilter
Jan 13, 2022

Do we have to re-implement filters to fix the issues mentioned?

The biggest update you have to make to go from CMS Library to Attributes is rebuilding any buttons/link-blocks/divs in your Filter UI to checkboxes or radios. Attributes using a form-based system for Filter UI.

false
true
Attributes
Jan 13, 2022

Will you still offer support for CMS Library?

Yes, up until December 31 - 2021. Starting Jan 1 - 2022, there will be no support given. Attributes will now be the product we support and continue development of.

false
true
Attributes
Jan 13, 2022

Can I still use CMS Library if I want to?

You can if you want to. However, we highly recommend building any new projects with Attributes. Once we understand the difference between CMS Library and Attributes, you won’t want to use CMS Library. We also recommend converting active development projects that use CMS Library. Converting to Attributes is going to make everything look, feel, and function better.

false
true
Attributes
Jan 13, 2022

Will my sites that use CMS Library still work?

Absolutely yes. CMS Library will not be turned off. Scripts will still work as normal. CMS Library will never be shut down since it is live on thousands of websites.

false
true
cmsfilter
Jan 11, 2022

My filter checkbox is checked when the filter is inactive and unchecked when the filter is active, how can I fix this?

We recommend to use the native "Start checked" feature native in Webflow Settings.

false
false
cmsslider
Jan 11, 2022

I need more than two sliders on the same page connected to different collections, any tips?

This can easily be done using attributes, for your second slider onwards you need to add -x to the end of the value, "x" being a unique numeric identifier. Example for your second instance of the slider "fs-cmsslider-element = list-2" and "fs-cmsslider-element = slider-2" and so on.

false
false
cmsload
Jan 11, 2022

Infinite scroll makes elements to move erratically off the screen, any fix?

This is caused by the threshold that has been set for when the infinite scroll is triggered (fs-cmsload-threshold = -20) play around until you find a value that works best.

false
false
cmsfilter
Jan 11, 2022

How to filter by any match on a CMS list? (example: filter "ABC" returns "ABC and some words" and "ABC more text")

The fs-cmsfilter-match attribute default is any, this will return any item that matches at least one filter from your search. The all value needs to be an exact match to return an item.

false
false
cmsnest
Mar 1, 2023

Could I create two nested lists on a single page using the CMS Nest Attribute?

Yes!

You can have two separate nested lists in the same parent collection or you can have multi-level nesting!

false
false
cmsfilter
cmsload
Feb 27, 2023

Can the CMS Filter and CMS Load More feature be used together?

Yes. If you are using attributes, CMS Filter will work with CMS Load.

false
false
cmsfilter
Jan 11, 2022

How can I have two separate filters, mobile and desktop, for the same collection list?

Define both filters under the same form block and hide/show respectively for either desktop or mobile.

false
false
cmsfilter
rangeslider
Jan 11, 2022

Can I use attributes to filter by date range?

Yes you can, add fs-cmsfilter-type = date to your element with fs-cmsfilter-field = "IDENTIFIER".

false
false
cmsload
Jan 11, 2022

What can I do if load more breaks the interaction of the dropdown component?

Use the fs-cmsload-resetix = true option on your list. This restarts Webflow’s interaction engine, which is required for newly rendered items.

false
false
cmsslider
Jan 11, 2022

How can I populate multiple sliders with one CMS list?

This can be done with instances, you would need to add a new list to the page for each slider.

false
false
cmsfilter
selectcustom
Jan 11, 2022

Will the attributes filter work with a dropdown element instead of a select element?

No it must be a form element for filtering, dropdown can be used for sort.

false
false
cmssort
Jan 11, 2022

Is there a way to change the background style of the current sort-field?

It uses the current state as if it were styled for a page. Choose your filter element, in the settings set it to the current page you’re on - it will show the ‘current’ state in the styles panel. Style accordingly then remove the link to the page.

false
false
cmsfilter
cmsnest
Jan 11, 2022

How can I change the highlight color in CMS Filter?

Add this class to a blank div on the page, then set the background color. On the published page, the highlight color will be that new background color.

false
false
cmsload
Jan 11, 2022

Is there a way to always show the Prev and Next buttons in Pagination, but have the inactive one greyed out?

This is not possible with the current system. We have built is specifically to show and hide based on if it’s needed on the page.

false
false
search icon
No Results found.
Subscribe

Sign up for future releases!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.