Breezingform : comment faire un champ téléphone et email?

[jimmy42]

Bonjour à tous,
Sur breezingorms, comment faire un champ téléphone qui n'accepte que les chiffres? idem pour un champ email qui n'accepte que les adresses mail.

Merci d'avance
joomla 3.9.2

[Eddy.vh]

Bonjour.

Toutes les options de validation des contenus de champs BreezingForms se trouvent sur ce tutoriel en Français.

Pour le téléphone, il est aussi possible de contrer la saisie de caractères non numériques et forcer un "masque de saisie".
Pour ça, je te dirige vers ce tutoriel en anglais chez Crosstec. Je le franciserai peut-être prochainement.

Bonne chance.

[GraphiqueDesign]

C'est quoi, un masque de saisie ? Un pré-formatage ?

[Eddy.vh]

En quelque sorte.
Pour comprendre, regarde l'exemple sur le tutoriel de Crosstec dont je fournis le lien. Clique dans chaque champ pour voir apparaître ce "masque". le fichier javascript à installer contient un fichier texte "Readme" qui contient des instructions d'adaptation à différentes situations et pour être aussi moins rigide que les exemples affichés.

[manu93fr]

C'est quoi, un masque de saisie ? Un pré-formatage ?

Oui c'est un truc qui aide pas mal les visiteurs
On retrouve ça souvent sur des sites ou l'on doit remplir des formulaires plus ou moins complexe
Par exemple, en suivant le lien d'Eddy ... clique sur le champs "date" et tu verras apparaitre le format de date attendu par ce champ

[GraphiqueDesign]

Merci, je vais aller voir ça !

[Eddy.vh]

Et voilà, l'article est en ligne, je l'ai pas encore relu mais ça doit être ± bon…

https://www.breezingforms.eddy-vh.com/scripts/masque-de-saisie-pour-champs-breezingforms

[GraphiqueDesign]

Effectivement, dans un cadre très précis, ça peut être super utile !
Je pense que l'exemple avec le N° IBAN est tout indiqué pour ce type d'usage, les dates de naissances aussi !
Pour le téléphone par contre, je suis un peu réservé car la physionomie des numéro change énormément d'un pays à l'autre. J'ai une fois voulu remplir un formulaire chez Google pour m'affilier à un service, je n'ai jamais pu jusqu'à aujourd'hui car un champ obligatoire est trop formaté pour recevoir mes infos (adesse postale).

[Eddy.vh]

L'IBAN a aussi un formatage différent par pays.
BF permet toutefois l'affichage conditionnel, il ne faut pas l'oublier.

Le téléphone, la date sont des exemples qui sont aisés à mettre en oeuvre. Il se peut que le besoin soit tout autre et que le masque puisse s'adapter à diverses situations. Siret, RCS, etc.
En fait tout dépend du besoin et il faut bien l'étudier pour bien adapter à la situation.

[jimmy42]

Merci beaucoup ce formulaire a l'air ultra complet. Autre question, où se gère le css?

[Eddy.vh]

Bonjour.

Les thèmes BreezingForms se trouvent dans /media/breezingforms/themes/nomDuThème
Dans le répertoire de ton template, tu trouveras le fichier theme.css

Si tu modifies un thème existant, il risque d'être écrasé par une prochaine mise à jour.

Si tu veux créer ton propre template, il est peut-être préférable de passer par là.

[jimmy42]

Ok merci en effet il est plus prudent de créer son propre thème.
Mais pour la largeur des champs par exemple, je pensais qu'on pouvait les configurer dans le Back office directement en utilisant du bootstrap par exemple col-md-4

[Eddy.vh]

Si tu as une licence, alors tu as des thèmes Bootstrap téléchargeables depuis ton compte Crosstec.
Perso, je n'utilise pas les thèmes bootstrap, ils s'adaptent mal à Helix Ultimate que j'utilise…

[jimmy42]

Merci je me suis débrouillé en css sur mon nouveau thème.
Petite question : l'administrateur reçoit un mail lorsque l'internaute envoi le formulaire et ça c'est top parce que je peux y ajouter un pdf en pièce jointe c'est exactement ce que je voulais.
En revanche, où est l'option pour que l'internaute aussi reçoive ce mail automatique de confirmation?

[jimmy42]

C'est bon j'ai trouvé
Il me reste plus qu'à personnaliser le pdf pour le rendre + esthétique et le tour est joué !