[Problème] l'ordre des champs !

[zoohayr]

Bonjour,

Je viens d'activer un champ de captcha dans la page d'enregistrement qui s'est positionné avant un champ personnalisé ! comment le rendre au dernière ligne ? merci d'avance

http://www.aidepharmacien.ma/index.php/creer-un-compte

[woluweb]

Bonjour,

En faisant un template override (surcharge de template), on peut customiser l'ordre d'affichage.

Mais pour ce genre de cas, la solution pragmatique que j'utilise c'est de faire un affichage avec "flexbox" et comme ça je peux manipuler l'ordre d'affichage juste en css sans toucher au code.

Exemple concret pour un formulaire de création de compte, où le captcha était le 8e élément par défaut... et je voulais qu'il s'affiche en dernier :

form#member-registration {
    display: flex;
    flex-direction: column;
}
form#member-registration :nth-child(8) {
    order: 1;
}

S'il y a d'autres idées pour arriver au même but, je suis toujours curieux

[zoohayr]

Bonjour woluwebet merci pour votre réponse,
Que dois-faire dans mon cas ? mettre le même code dans le dossier override ?

[woluweb]

Wooops, cette astuce de juste ajouter deux lignes de css marche bien pour le formulaire de création/modification de compte, mais je vois que la structure du html est différente sur la page du formulaire de contact : tous les éléments ne sont pas au même niveau. Bref, ça me paraît dur de faire ça en css

Mais j'ai deux plans alternatifs
1. pour l'override, voici un tuto : https://www.websolutionz.com.au/blog...-custom-fields
2. sinon, puisque ce qui vous embête c'est le captcha qui vient au milieu... utilisez le "invisible recaptcha" et c'est réglé