web-dev-qa-db-fra.com

Apparence de l'entrée radio pour les valeurs mixtes

Je suis à la recherche d'idées sur la façon de concevoir des boutons radio dont le deuxième état signifie "pas de changement".

L'utilisateur sélectionne donc quelques éléments, de la même manière que la sélection rectangulaire dans l'Explorateur Windows ou le Finder. Dans le panneau latéral, les champs de saisie qui correspondent aux propriétés communes des éléments sélectionnés s'affichent.

Par exemple, tous les éléments peuvent avoir une propriété "status". Si j'ai deux éléments qui ont tous deux le même état, je peux afficher un ensemble normal de boutons radio avec les états et vérifier la valeur commune.

Mais que se passe-t-il si l'article # 1 a le statut "publié" et l'article # 2 a le statut "privé"? L'utilisateur doit pouvoir changer le statut des deux éléments en "privé", "publié" ou le laisser inchangé.

J'ai résolu cela d'une manière ou d'une autre pour les champs de texte et les cases à cocher, mais je ne sais pas comment le faire pour les radios. Voici à quoi cela ressemble jusqu'à présent:

form

Et ce violon montre comment l'utilisateur interagit.

4
onetrickpony

Un groupe radio doit sélectionner une et une seule option parmi plusieurs, la sélection sera donc mutuellement exclusive.

Pour résoudre ce problème, vous devez remplacer ce comportement mutuellement exclusif des boutons radio uniquement initialement et afficher la vérification de toutes les options qui ont des valeurs différentes dans le groupe d'éléments.

Une fois que l'utilisateur commence à interagir avec ce type de radio, les coups de pied s'excluent mutuellement et tous les éléments du groupe obtiendront la même valeur pour cette propriété.

Exemple:-

1) Il y a 5 personnes dans la liste, 2 hommes et 3 femmes.

2) Lorsque les cinq sont sélectionnés, le bouton radio Genre doit afficher les deux sexes comme sélectionnés (vous pouvez peut-être donner une coche différente ici).

3) Maintenant, vous pensez qu'il y a une erreur et que les 5 personnes auraient dû être des femmes, pour corriger cela, vous avez sélectionné les cinq et cliquez sur l'option féminine, maintenant ce bouton radio se comporte normalement avec une exclusivité mutuelle.

enter image description here

4
Chetan

C'est banal.

1. Gris la rangée

2. Avoir un message écrit "Sélection multiple"

enter image description here

C'est si simple.

Bien sûr, désactivez tous les boutons. Mais (1) et (2) est la clé.

1
Fattie

Je sais que c'est 4 ans de retard, mais ma solution est d'avoir une troisième option radio pour les "valeurs mixtes". Cette option n'apparaît que lorsqu'elle est applicable. Si l'utilisateur sélectionne l'option A ou B, l'option de valeurs mixtes disparaît ou se désactive. De cette façon, vous avez toujours une et une seule option sélectionnée à tout moment, mais vous communiquez toujours à l'utilisateur que cette entrée a été mélangée.

radio button option showing a third button labeled "mixed values" selected

1
Josh

Pourquoi ne pas simplement inclure une troisième option qui dit quelque chose comme Aucune préférence ou quelque chose à cet effet. Pas un grand fan de laisser les boutons radio non sélectionnés pour des raisons évidentes.

With No preference..

0
Rajmera