Inside a multistep form I have two SELECT FIELDS which need to take their content from two different collections. Both collections will have more than 100 items meaning that there is also a pagination issue.
I tried to solve this using some codes from Finsweet (one to show the collection items in the Select Fields and one to bypass the 100 items limit) but, despite they work well separately, they don’t work together.
You can see the result in the ‘postcode’ step of the form.
Let me know if you know how to solve this.
Thanks for your help!!
Yes you can, however the collection-list-stitching is a fairly inelegant approach. If your lists are going to grow as well, you’ll end up with deeper issues as you keep hitting those 100-item list boundaries.
What are you looking at in terms of list item counts, and growth? If your lists are reasonable and fairly stable, I might have an easy hack for you to accomplish what you’re after.
Alternately if you can store those in e.g. Google Sheets or some external source, there are options there as well.
Both collections will grow as items will be added.
What I am after is a CMS populated Select field with 500 to 1000 items. Also, it would be very important for the user to be able to type to quickly find the option.
Well if Webflow worked fine I could, but this morning Webflow refuses to even open, but I’m not a freelancer, I work in an agency, you can ask for a quote from here Custom Project | Udesly Studio
500-1000 is a lot of items, and you’d be consuming 10 of your collection lists on the page[s] with this feature. Not ideal. As a data source, I’d step away from the CMS if possible and use something external. If there is a compelling need to use the CMS, like that it’s linked to other records that are needed in the form flow, you can do it but just be aware of the big downsides.
In terms of the UI, a select list is fairly useless, because users would have to scroll a huge distance. A better option might be jQuery autocomplete.
code must be tailored for your case