Hello on m'a demandé un article, et comme je suis nul en orthographe je parle que 0 et 1
si vous pouviez relire et corrigé
merci
{{Présentation :}}
Nous sommes un association de loi 1901, notre objectif installé une station de fécondation pour abeille noire dans les Haut de France et pour être plus précis sur la commune de Locquignol au cœur de la forêt de Mormal.
il nous fallait un site Web pour promouvoir le projet; nous nous sommes tourné vers spip parce qu’il est français, qu'il y a une liste et un #irc pour poser des questions et une documentation riche accessible par le portail : http://boussole.spip.net/.
Nous tenons a préciser que nous ne sommes pas informaticien, que certain d'entre nous on quelques rudiments en informatique, nous sommes avant tout éleveur d'abeille, plus communément appelée Apiculteur.
{{Cahier des charges}}
-# {{un site web facilement configurable}}{ et comme vous le dites si bien un squelettes.
Après avoir étudier https://contrib.spip.net/Squelettes et plus particulièrement https://contrib.spip.net/Squelettes-generalistes, notre choix est https://contrib.spip.net/Escal mais cela est notre choix.}
-#{{ un formulaire d'inscription à la station}}
-* {Détail de nos besoins pour le formulaire}
-** la station est ouverte le samedi entre 17h30 et 18h30 suivant un calendrier
-** le formulaire devra comporté le
-*** Nom
-*** prénom
-*** courriel
-*** N° d'Apiculteur
-*** code postal
-*** n° téléphone
-*** date de dépôt
-*** Nombre de Reines déposées à la station (un maximum de 10 reines autorisées)
-*** Nb de Ruchette(s) et type de ruchette, ainsi que la ou les reines dans la ruchette
-*** la possibilité d’écrire du texte
-*** la possibilité de validé un règlement
-** le formulaire devra être reçu par le demandeur, le responsable de la station, ainsi que par le bureau
-** la demande devra être enregistrer sur une page récapitulative permettant de savoir qui vient à la station et avec quo
-** le formulaire devra être modifiable par le demandeur jusqu'au mercredi 23h00 précédant le jour d'ouverture de la station
-** le formulaire de réponse devra comporté un texte précis
----
- {{Construction du formulaire}}
Afin de construire notre formulaire, nous nous sommes appuyés sur les articles suivant :
-* https://contrib.spip.net/Mon-premier-formulaire-pas-a-pas-c-est-Formidable {quand il fonctionne}
-* https://contrib.spip.net/Formidable-le-generateur-de-formulaires
-* https://contrib.spip.net/Un-retour-d-experience-d-utilisation-de-Formidable
- {{le formulaire coté public}}
a) il faut tout d’abord créer le formulaire
<img13704|center>
pour le reste on laisse en l'état pour le moment
<img13704|center>
on enregistre et on obtient
<img13706|left>
On voit alors dans la boite de dialogue que le formulaire est proposé à l'évaluation et que nous avons nous avons trois étapes à suivre :
-* Configurer le formulaire
on l'a commencer à la création, mais on rajoute l'appel au fichier css pour la mise en forme du formulaire dans la case "Classes CSS" pour nous c'est perso.css dans le dossier squelettes/styles
-* Configurer les champs
On ajoute les champs que l’on veut au formulaire, nous allons donc sélectionner des lignes de texte
(pour les champs Nom, prénom, courriel, N° d’Apiculteur
code postal, n° téléphone) qu’il faudra ensuite paramétrer.
on sélectionne donc une ligne que l'on dupliquera pour en avoir un total de six, ça va plus vite que de jouer avec l'ascenseur
<img13707|center>
on rajoute un champ date
on rajoute un boutons radio (pour le nombre de reines)
et pour nos ruchettes ?
{Nb de Ruchette(s) et type de ruchette, ainsi que la ou les reines dans la ruchette}
l'on utilisera les groupes de champs soit 10 groupes puisqu'il y a 10 reines autorisés et pour chaque groupe trois listes déroulante
<img13708|center>
je vous conseil de créer un groupe et de le dupliqué, toujours une question de rapidité et de facilité
<quote>petit rappel : la ruchette de fécondation la plus petite contient une seul reine et qu'il existe plusieurs types de ruchette de fécondation, on en sélectionnera 5 pour le moment</quote>
un bloc de texte pour les remarques
une case a cocher pour la validation du règlement d’accès
b) Configuration des champs.
tous les champs on la même interface
<img13711|center>
Description : pour simplifier je dirais ce que vous visionner en ligne
Utilisation : nous n'avons pas utilisé
Affichage : c'est la ou vous donner les conditions d'affichage de votre champ, nous avons utilisé l'affichage conditionnel pour certains champ
validation : si votre champ est obligatoire ou pas
donc a l'affichage public on a :
<img13712|center>
on constate que les champs nom, Prénom, Email sont obligatoire
on visualise le pavé remarques et la case a cocher pour la validation des conditions d’Accès
on a rajouté un champ explication pour dire que notre formulaire est a tiroir
si l'on renseigne email on obtient
<img13713|center>
car dans Affichage conditionnel lors du remplissage on lui a indiqué le champ a prendre en compte, pour nous c'est @input_4@
on n'est pas devin c'est indiqué dans la colonne de droite
<img13714|center>
donc les groupe de champ qui comporte le n° d'apiculteur et le code postal est concerné ainsi que le champ téléphone et date.
puis on va lié l'indication du nombre de reine déposé a la station a l'obligation de date soit Affichage conditionnel lors du remplissage du champ "Nombre de Reines déposées à la station (obligatoire)", on lui a indiqué le champ a prendre en compte, pour nous c'est @date_1@.
<img13715|center>
lorsque l'on a choisie le nombre de reines que l'on dépose on ouvre les groupes de champs correspondant au lot
<img13716|left>
on constate que dans chaque lot les champs nb de ruchette, type de ruchette et nb de reine dans la ruchette est à renseigné
comment ouvrir le champ lot par rapport au choix du nombre de reine, la commande n'est pas documenté, mais on me l'a indiqué (merci Maieul) soit dans l'affichage conditionnel du lot (groupe de champ)
exemple pour le lot n°1 : @radio_1@>0
on lui indique que si on sélectionne sur le bouton radio une indication supérieur a 0 on affiche le lot 1
on fera la même chose pour chaque lot
exemple pour le lot n°7 : @radio_1@>6
et bien voilà notre formulaire est construit a l'affichage public on a donc :
<img13717|center>
ceci dit coté graphisme c'est un poil la cata qu'importe formidable a prévu qu'on puisse joué avec les css, il suffit de se rendre sur Configurer le formulaire et dans Classes CSS de déclarer votre fichier css qui se trouvera dans votre répertoire squelette pour nous ça sera perso.css avec le code suivant (merci a JC le webmestre d'Escal pour m'avoir bien secouru dans la partie css)
<cadre class='css'>
/*******************************/
/* le formulaire de formidable */
/*******************************/
/* on aligne les champs */
label{
width: 180px;
float: left;
}
/* pour que les bouton radio soit horizontal */
.saisie_radio label{
display: block;
float: none;
width: 100%;
}
.saisie_radio .choix,
.saisie_radio .choix label{
display: inline;
}
.choix input{
vertical-align: middle;
}
/* que remarques soit bien placé */
.editer_textarea_1{
clear: both;
}
/* les lots en tableaux */
.fieldset_fieldset_2,
.fieldset_fieldset_3,
.fieldset_fieldset_4,
.fieldset_fieldset_5,
.fieldset_fieldset_6,
.fieldset_fieldset_7,
.fieldset_fieldset_8,
.fieldset_fieldset_9,
.fieldset_fieldset_10,
.fieldset_fieldset_11{
width: 50%;
float:left;
}
.fieldset_fieldset_2 label,
.fieldset_fieldset_3 label,
.fieldset_fieldset_4 label,
.fieldset_fieldset_5 label,
.fieldset_fieldset_6 label,
.fieldset_fieldset_7 label,
.fieldset_fieldset_8 label,
.fieldset_fieldset_9 label,
.fieldset_fieldset_10 label,
.fieldset_fieldset_11 label {
width: 115px;
}
.fieldset_fieldset_2 option, .fieldset_fieldset_2 select,
.fieldset_fieldset_3 option, .fieldset_fieldset_3 select,
.fieldset_fieldset_4 option, .fieldset_fieldset_4 select,
.fieldset_fieldset_5 option, .fieldset_fieldset_5 select,
.fieldset_fieldset_6 option, .fieldset_fieldset_6 select,
.fieldset_fieldset_7 option, .fieldset_fieldset_7 select,
.fieldset_fieldset_8 option, .fieldset_fieldset_8 select,
.fieldset_fieldset_9 option, .fieldset_fieldset_9 select,
.fieldset_fieldset_10 option, .fieldset_fieldset_10 select,
.fieldset_fieldset_11 option, .fieldset_fieldset_11 select, {
font-size: 1.3rem;
}
/* le bouton a cocher avant le texte*/
.choix_1 input{
float: left;
}
.choix_1 label{
width: 250px;
}
/* le bouton validation au centre*/
.boutons{
clear: both;
text-align: center;
}
/* la derniere ligne en dessous */
.explication{
clear:both;
}
/* et pour aérer un peu */
.editer, fieldset{
margin-bottom: 15px
}
.editer.saisie_selection{
margin-bottom: 0;
}
/*********************/
/* fin du formulaire */
/*********************/
</cadre>
Ce qui nous donne pour le formulaire renseigné
<img13710|center>
-* Configurer les traitements
<img13721|center>
Afin d'être dans notre cahier des charges, on choisie les deux options
pour la première on renseignera
Destinataire présent dans un des champ des formulaires
- {{le formulaire coté client }}
(la réponse ou courriel reçu par le demandeur)
-{{la page récapitulative}}
----
{{Les Bugs et les problèmes rencontrés}}
Mise en place du plugin formidable avec le plugin mini calendrier
on constate que lors de l'utilisation d'un formulaire dans un article on perd la css du minicalendrier
| <img13719|center> | <img13720|center> |
Réponse de Maieul : c'est pas impossible que le champ date insère un js qui pose souci…
{{ Pourquoi un tel article ?}}
ils nous semblent normal de renvoyé l'ascenseur, après avoir reçu tant d'aide de la part des spipeurs, si cette modeste contribution peut aider quelqu'un d'autre, nous aurons atteint le but escompté.
pour la SFANM
le secrétaire
--
https://spipfactory.fr
----
En répondant a ce courriel vous acceptez implicitement la diffusion, l'échange de la conversation, sauf avis contraire clairement exprimé.