Free header 1
Demo Survey FR
Les WSel selection Type de Questions (WSEL_CHK and WSEL_OPT, WSEL_CHK) offrent de multiples possibilités de personnalisation.
Combo & ListBoxes Avancés (WSEL_LISTBOX & WSEL_CBO)
51 - Q308 : [Tp = WSEL_LISTBOX] Zone de liste avancée
WSEL_LISTBOX et WSEL_CBO étendent la balise html Select pour autoriser les éléments html complets (images par exemple).
Dans le Row Template , iitemheight a été définisur 50px et size (nombre d'éléments) sur 4,
52 - Q309 : [Tp = WSEL_CBO] Liste déroulante avancée
WSEL_CBO avec le même Row template et les mêmes modalités que ci-dessus,
expand_more
53 - Q310 : [Tp = WSEL_CBO] avec CSS personnalisé
ici, itemHeight est réglé sur auto. Vous devez donc mettre votre propre Css dans le Row Template,
expand_more
Advanced Selection lists (WSEL_OPT & WSEL_CHK)
Chaque modalité HTML a 3 Zones HTML où vous pouvez mettre votre propre HTML:
  • L'uncheck ymbol zone: visible uniquement si non cochée
  • Le check symbol zone: visible uniquement si cochée
  • la modality zone:Toujours visible
Les unchecksymbol and checksymbol peuvent être fusionnées en un Switcher (bottom bascule/interrupteur) personnalisable.
54 - Q314 : Un riche ensomble de symboles de sélection
WSEL_OPT:
noinput (non checkable)
WSEL_CHK:
noinput (non checkable)
55 - Q318 : [Tp = WSEL_OPT] Rating
Ce sont les paramètres par défauts,
56 - Q319 : Rating Advanced : Spacing intems
Étant donné que WSEL * utilise flex, vous pouvez utiliser justify-content dans le CSS personnalisé du template de question
justify-content:normal
justify-content:center
justify-content:flex-end
justify-content:space-around
justify-content:space-between
justify-content:space-evenly
57 - Q326 : Rating Advanced : Playing with items symbols
Numbered
4em + j-c:center
Note: Le font-size de la première étoile est mis à min (6em,max(4em,10vw)) pour passer doucement de 4em à 6em selon la largeur de l'écran.
Les autres étoiles ont un font-size fixé à 4em.
div rect + justify-centent:space-evenly
Ronds
La taille des cercles est à 10% pour l'effet responsive.
not at all
🤢 absolutely
😍
avec emojis
la taille des étoiles utilise l'unité vw pour l'effet responsive.
58 - Q334 : The FlexWrap mode appliqué à WSEL_OPT
Le mode Flex (valeur par défaut) met les élements l'un à la suite de l'autre avec éventuel retour à la ligne.
Please note that for 9 stars to 12 stars, the default check template defined in the template column is applied
59 - Q335 : comme Q332 mais avec mode=FlexWrap et non mode=Rating
Le mode Rating et le mode FlexWrap sont très similaires. Les symboles Check et Uncheck sont inversés en mode Rating avec du CSS supplémentaire pour sélectionner les modalités avant celle sélectionnée.
Using emojis
60 - Q337 : GridCols=4 appliqué à WSEL_CHK,
WSEL avec mode=n place n modalités par ligne,
*
⚠️ Please: between 2 and 3 selections
Les WSEL_CHK ont un mode OrderWrap et OrderBlock qui ordonne les élements en fonction de l'ordre de leur sélection.
61 - Q340 : Question Checkboxes (mode=FlexOrder)
dans ce mode, les éléments sont classés dans l'ordre de leur sélection (les éléments sont alggnés)
Before Text
Left Text
Right Text
After Text
62 - Q341 : Question à options (mode=FlexOrder)
FlexOrder fonctionne aussi avec WSEL_OPT (peu d'intérêt cependant)
Before Text
Left Text
Right Text
After Text
63 - Q342 : Question Checkboxes (mode=GridOrder)
GridOrder permet de placer les éléments ordonnées dans plusieurs colonnes.
Veuillez noter l'utilisation de RankOrder dans checkSymbols (un numéro apparaît alors devant les éléments sélectionnés)
Before Text
Left Text
Right Text
After Text
Pour chaque élément dans un WSEL Control, vous pouvez ajouter aussi bien une zone de commentaire qu'un champ numérique de quantité.
  • La zone de commentaire est dimensionnable et peut aussi être toujours visible ou uniquement quand l'élement est selectionné.
  • La zone numérique sera multipliée par le champ valeur du tableau des modalités aussi bien au niveau de la table résumé que dans le classeur d'analyse.

Remarque : les éléments sont bordés dans le champ CSS de la ligne de template pour une meilleure visualisation.

64 - Q345 : WSEL_CHK avec commentaires
65 - Q346 : WSEL_CHK avec commentaires et bottom Number box
66 - Q347 : WSEL_CHK avec commentaires et right Number box
Erreur de validation. Veuillez vérifier vos réponses.
Visit us Demo survey March 2021