JavaScript required
We’re sorry, but Coda doesn’t work properly without JavaScript enabled.
Skip to content
Gallery
Webflow Code SheatCheet
Typographie
Ancre & Scroll
CSS effects
Images / Vidéos / SVG
Responsive
Formulaires
Javascript
Autre
Une question ? (FAQ)
Search and Highlight
List item bullet point changement
Ordering Nested Collection list (croissant)
Alternating cms item flex gauche droite
foodles code
Scroll mobile menu
Utiliser le Tabs de Webflow en hover :
Test
More
Share
Explore
Ordering Nested Collection list (croissant)
Ajouter un field Number a la liste en question
Insérer un une nested collection list
Ajouter en plus de tout les autres éléments un texte qui “get text from “{Number Field} qui devra être le premier enfant du cms-item
Ajouter les classes suivants :
.cms-list (sur la collection list)
.cms-item (sur le collection item)
.sorting-number-hidden (sur le text qui contient le nombre qui servira à ordonner la liste) qui sera en display hidden
Coller ce code dans : before </body> tag de la page
const activitys = Array.from(document.querySelectorAll(".cms-item"))
const wrapper = document.querySelector('.cms-list')
const newArrActivitys = activitys.sort((a, b) => {
const n1 = a.querySelector('.sorting-number-hidden').innerText
const n2 = b.querySelector('.sorting-number-hidden').innerText
return +n1 - +n2
})
wrapper.innerHTML = ""
newArrActivitys.forEach(function (act) {
wrapper.appendChild(act)
})
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
Ctrl
P
) instead.