Je pensais avoir vu une telle demande de fonctionnalité récemment, mais je ne parviens pas à la retrouver.
Si vous avez plusieurs champs personnalisés pour les utilisateurs, la fenêtre modale de connexion devient peu esthétique. S’il y a 10 champs optionnels et 2 champs obligatoires, il faut beaucoup faire défiler pour trouver celui(s) qui est(sont) obligatoire(s). C’est pénible.
Il est possible de masquer ces champs avec du CSS comme suit :
C’est un peu fastidieux, car il faut deviner quel nth-of-type utiliser par essais et erreurs, mais ce que je pourrais suggérer comme est que le CSS qui permettait de rendre cette modale correcte change de temps à autre. Il semble que cela ait été modifié dans la récente beta6. Cela rend mon client triste, car les champs obligatoires ne sont pas visibles, donc les gens ne pouvaient pas s’inscrire. Il l’a découvert uniquement parce que quelqu’un a envoyé un courriel pour se plaindre.
Problème résolu !
Du CSS a été ajouté à ces champs, donc ce n’est plus un problème !
I don’t think it would be hard to add a class or data attribute that includes the custom field’s name, which would make it much less fragile to target with CSS. I can probably get to that within the next couple of days.
Took a quick look and it’s nearly identical to another PR I opened recently to add a class to tag groups. So here’s a PR for this… we might want to add a helper to sanitize class names before merging these?
Je viens de réaliser que je n’avais jamais fait de suivi après cette fusion. Désormais, sur la page d’inscription, tous les champs utilisateur possèdent une classe au format user-field-nom. Ainsi, si vous aviez un champ nommé « conditions générales », il aurait la classe user-field-terms-and-conditions.
Vous pouvez également utiliser un raccourci pour masquer tous les champs utilisateur personnalisés lors de l’inscription avec :
Thanks! I managed to get this done a week or two ago. You might edit that list to also include the css to un-hide a field or two after hiding the rest.
Voici un sujet clos traitant de cette question, qui inclut une solution en CSS :
Actuellement, pour les champs personnalisés des utilisateurs, les options sont :
Modifiable après l’inscription ?
Obligatoire lors de l’inscription ?
Afficher sur le profil public ?
Afficher sur la carte utilisateur ?
Je pense qu’une autre option serait très utile :
Afficher sur le formulaire d’inscription ?
ou
Masquer sur le formulaire d’inscription ?
Par défaut, sans modification CSS personnalisée, tous les champs personnalisés (obligatoires ou non) s’affichent sur le formulaire d’inscription. Cela limite quelque peu le nombre de champs personnalisés pouvant être implémentés, car un nombre excessif peut surcharger le formulaire et potentiellement décourager les nouveaux utilisateurs.
Il est parfois agréable de disposer d’un ensemble de champs personnalisés pour demander des informations que vous ne souhaitez pas solliciter lors de l’inscription. Par exemple, vous pourriez souhaiter permettre à un utilisateur de fournir son adresse, son code postal ou la couleur de ses cheveux, mais lors de l’inscription, ne lui demander que son nom et son adresse e-mail.
Il serait également utile de pouvoir distinguer les inscriptions et les personnes invitées, surtout si un champ est obligatoire pour les deux ou uniquement pour les inscriptions.
Par exemple, nous demandons aux gens de fournir leur « motif d’adhésion » pour nous aider à évaluer leur adéquation et à les assigner à un groupe. Cela devient redondant lorsque les personnes arrivent via un lien d’invitation, mais ce champ ne peut pas être masqué s’il est obligatoire, car cela briserait leur processus d’inscription.
Il y a certains champs utilisateur sur mon site qui ne sont vraiment pas nécessaires lors de l’inscription, comme les réseaux sociaux.
Je pense que nous pourrions bénéficier d’une option « Ne pas afficher lors de l’inscription », qui les masquerait pendant l’inscription et ne les rendrait visibles que lors de la modification de votre profil utilisateur.
Quelque chose a-t-il changé dans la fenêtre modale d’inscription qui pourrait expliquer pourquoi ce CSS ne fonctionne plus ?
Je ne peux masquer aucun champ personnalisé sur la page d’inscription en utilisant le code du premier message de @pfaffman, ni masquer tous les champs personnalisés en utilisant le code de @awesomerobot :