Ajouter des numéros dans la colonne de droite d'un classement

Nicolas De Wolf -

Les questions de classement sont conçues pour classer tous les éléments de la colonne de gauche vers la droite (par glisser-déposer ou drag and drop). Cela signifie que vos participants classeront les éléments sélectionnés par ordre de préférence. Si vous souhaitez afficher des numéros dans la colonne de droite, consultez ce tutoriel pour savoir comment faire !

Résultat attendu

Capture_d_e_cran_2020-06-03_a__10.18.19.png

Customisation requise

Vous pouvez coller la CSS ci-dessous dans votre campagne. Pour ce faire, allez à l'étape Apparence, cliquez sur le bouton Modifier l'apparence, puis faites défiler le menu jusqu'en bas pour accéder aux Paramètres avancés. Collez le code CSS ci-dessous dans l'onglet CSS.

body {
counter-reset: ranking;
}

.colTo .item:before {
counter-increment: ranking;
content: counter(ranking);
font-size: 20px;
margin-top: 30px;
display: block;
text-align: center;
}

.colTo .item1:before {
visibility: hidden;
font-size: 0;
margin: 0;
display: inherit;
}