← Back to Documentation Overview
Intro
List sorting helps users quickly find the information they’re looking for.
Enable in Dynamic Map App
-
Enable List Sorting
-
Select desired sortable fields
Update Code
Insert updated code into Dynamic Map’s Custom Code
Locate in Webflow Designer
The ncf-sort element is placed within the cru-ncf-map-filter
Set default sorting
Pro Tip: Fix default Sorting By default, Webflow displays your list in the custom CMS order on first load. To fix this, set your desired initial sort state using Webflow’s sort order option. Be sure to apply the same sorting to both collection lists—otherwise, tooltips and pop-ups won’t display correctly.
Change Sort Order on List Item Collection List
Change Sort Order on Pop-Up / Tooltip Collection List
Rename the dropdown options
By default, all options are displayed in lowercase. You can easily change this by following this guide:
Styling / arrow spacing
To fix Webflow’s default chevron in the select field, take a look at this guide from Webflow’s forum:
Arrow spacing - .w-select - #2 by AlexManyeki - Custom code - Forum | Webflow