<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
  <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel>
      <title>Dernières actualités</title>
      <link>https://la-tisseuse.fr/ateliers_yeswiki/?</link>
      <description>Wiki des ateliers Yeswiki de la Tisseuse</description>
      <language>fr-FR</language>
      <copyright>Copyright (c) 2026 Formations Yeswiki</copyright>
      <lastBuildDate>Tue, 14 Apr 2026 02:10:39 +0200</lastBuildDate>
      <docs>http://www.stervinou.com/projets/rss/</docs>
      <category>Economie Sociale et Solidaire</category>
      <managingEditor>contact@yeswiki.net (Mr YesWiki)</managingEditor>
      <webMaster>contact@yeswiki.net (Mr YesWiki)</webMaster>
      <ttl>60</ttl>
      <image>
        <title>Dernières actualités</title>
        <url>https:#yeswiki.net/themes/margot/images/favicon.png</url>
        <link>https://la-tisseuse.fr/ateliers_yeswiki/?</link>
      </image>
    <atom:link href="https://la-tisseuse.fr/ateliers_yeswiki/?BazaR/rss&amp;id=1201" rel="self" type="application/rss+xml" />
      <item>
        <title>Personnalisation avancées CSS</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?PersonnalisationAvanceesCss]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?PersonnalisationAvanceesCss]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Personnalisation avancées CSS</h1><div class="include">
<h1>Page CSS</h1>
<h2>Pour ajuster les couleurs plus précisemment</h2>
Si vous n&apos;avez pas peur d&apos;un peu de code<br />
Des variables CSS sont disponibles dans le thème Margot pour vous aider à affiner le design :<br />
couleur des titres<br />
couleur des liens<br />
couleur de la barre de menu...<br />
<br />
Sur chaque wiki, il existe une page nommée PageCss qui permet d&apos;ajouter du code CSS pour définir des styles personnalisés<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

Un extrait de code est disponible par défaut dans PageCss :<br />
<div class="code">
<pre>
/* :root { */

/* couleur des titres */
/* --title-h1-color:var(--neutral-color); */
/* --title-h2-color:var(--primary-color); */
/* --title-h3-color:var(--secondary-color-1); */
/* --title-h4-color:var(--secondary-color-2); */

/*}*/
</pre>
</div>
<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

Ce code définit des variables de couleurs qui s&apos;appliquent à l&apos;ensemble du wiki.<br />
Titre de niveau 1 - couleur neutre<br />
titre de niveau 2 - couleur primaire<br />
titre de niveau 3 - couleur secondaire 1<br />
titre de niveau 4 - couleur secondaire 2<br />
Dans l&apos;exemple qui est fournit par défaut vous remarquez les caractères /* et */ : c&apos;est le code pour commenter une ligne, c&apos;est à dire signaler qu&apos;elle ne doit pas être appliqué.<br />

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

Si vous souhaitez commencer la personnalisation il faudra d&apos;abord enlever les commentaires pour les lignes que vous souhaitez personnaliser :<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<div class="code">
<pre>
:root { 
--title-h4-color:var(--neutral-color);
}
</pre>
</div>
<br />

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
Il est possible d&apos;utiliser soit les couleurs en hexadecimal (#092e67) soit les variables de couleurs qui correspndent aux couleurs que que vous avez choisies via la page Apparence<br />
<br />
[IMPORTANT!]Après avoir fait une modif de style CTRL + MAJ + R pour vider le cache du navigateur<br />
<br />
<h4>Pour aller plus loin</h4>
En insérant des instructions css vous allez pouvoir appliquer tous les éléments de style que vous souhaitez.<br />
Voici un lien vers la documentation de référence pour apprendre le CSS : <a href="https://www.w3schools.com/css/css_syntax.asp">https://www.w3schools.com/css/css_syntax.asp</a></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?PersonnalisationAvanceesCss">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?PersonnalisationAvanceesCss/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 13:13:03 +0100</pubDate>
      </item>
      <item>
        <title>Modifier le favicon</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ModifierLeFavicon]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ModifierLeFavicon]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Modifier le favicon</h1><div class="include">
<h3>Modifier le favicon</h3>
Le favicon est le petit logo qui apparait sur l&apos;onglet de votre navigateur à coté du titre de votre wiki. Par défaut c&apos;est le logo <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YesWiki" class=&apos;&apos; data-tag="YesWiki" data-method="show" data-tracked="true">YesWiki</a> ✌️ mais l&apos;idéal est de le remplacer par le logo de votre projet !<br />

<ul>
<li> Le favicon est une version miniature de votre logo : il doit être carré, il est recommandé de redimensionner votre image au format 16px*16px ou 32px*32px.</li>
<li> Pour modifier votre favicon vous devez d&apos;abord le télécharger sur une page de votre wiki, par exemple sur la page "Gérer site" après le racourci vers les pages spéciales (menu, pied de page, etc...), c&apos;est un bon endroit pour laisser les infos réservées à l&apos;administrateur.</li>
<li> Une fois que vous avez téléchargé votre favicon sur la page (grâce à la fonction attach), copiez l&apos;url complète de l&apos;image (clic droit sur l&apos;image / copier l&apos;url)</li>
<li> Dans <b>Gestion du site / onglet fichier de configuration</b> , coller l&apos;url de votre image dans le paramètre favicon</li>
</ul>

Il est également possible d&apos;utiliser un emoji (en copiant collant depuis cette page par exemple : <a href="https://getemoji.com">https://getemoji.com</a></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ModifierLeFavicon">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ModifierLeFavicon/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:48:01 +0100</pubDate>
      </item>
      <item>
        <title>Exemples de mise en forme</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ExemplesDeMiseEnForme]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ExemplesDeMiseEnForme]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Exemples de mise en forme</h1><div class="include">
<h1>Exemples de mise en forme pour une page d&apos;accueil</h1>
<br />
<ul class="fake-ul">
<li><div class="row-fluid row"> <!-- start of grid -->
</li>
</ul>

<div class="span4 col-md-4 "> <!-- start of col -->

<h2>Site vitrine
</h2><a href="https://la-tisseuse.fr/ateliers_yeswiki/?ExemplesPages/upload&file=site_vitrine.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier site_vitrine.png</a>
<br />
<br />
<i class="far fa-copy"></i> Copier le modèle <a href="https://la-tisseuse.fr/ateliers_yeswiki/?ExempleVitrine" data-tag="ExempleVitrine" data-method="show" data-tracked="true">Page exemple site vitrine</a><br />
<br />
<b>Quelques exemples inspirants:</b><br />
<a href="https://tiers-lieux.fr">https://tiers-lieux.fr</a><br />
<a href="https://classe-dehors.org/">https://classe-dehors.org/</a><br />
<br />

</div> <!-- end of col -->

<div class="span4 col-md-4 "> <!-- start of col -->

<h2>Intranet
</h2><a href="https://la-tisseuse.fr/ateliers_yeswiki/?ExemplesPages/upload&file=CapturePage7.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier CapturePage7.png</a>
<br />
<br />
<br />
<i class="far fa-copy"></i> Copier le modèle <a href="https://la-tisseuse.fr/ateliers_yeswiki/?ExempleIntranet/edit" data-tag="ExempleIntranet" data-method="edit" data-tracked="true">Page exemple intranet</a><br />
<br />
<b>Quelques exemples inspirants:</b><br />
<a href="https://colibris-wiki.org/leressourceure/" track="true">Ressourc&apos;eure - gare centrale</a><br />
<a href="https://ferme.cooptic.be/coco25/?Accueil" track="true">Gare centrale évènement co-construire</a><br />
<a href="https://ferme.yeswiki.net/PWA_GareCentrale/?Accueil" track="true">Projet Transiscope</a><br />

</div> <!-- end of col -->

<div class="span4 col-md-4 "> <!-- start of col -->

<h2>Evènement
</h2><a href="https://la-tisseuse.fr/ateliers_yeswiki/?ExemplesPages/upload&file=CapturePage11.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier CapturePage11.png</a>
<i class="far fa-copy"></i>Copier le modèle <a href="https://la-tisseuse.fr/ateliers_yeswiki/?ExempleEvenement/edit" data-tag="ExempleEvenement" data-method="edit" data-tracked="true">Page exemple evenement</a><br />
<br />
<b>Quelques exemples inspirants:</b><br />
<a href="https://rnhp2024.fr">https://rnhp2024.fr</a><br />
<a href="https://co-construire.be">https://co-construire.be</a><br />
<a href="https://www.forum-ess.fr">https://www.forum-ess.fr</a><br />
<a href="https://nuitdeschercheurs-france.eu">https://nuitdeschercheurs-france.eu</a><br />
<br />

</div> <!-- end of col -->

<br />

</div> <!-- end of grid --></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ExemplesDeMiseEnForme">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ExemplesDeMiseEnForme/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:35:31 +0100</pubDate>
      </item>
      <item>
        <title>Mode multilangue</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ModeMultilangue]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ModeMultilangue]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Mode multilangue</h1><div class="include">
<h2>Traduire le contenu de vos pages</h2>
<br />
Votre projet est international, vos utilisateurs ne maitrisent pas tous le francais ? Avec <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YesWiki" class=&apos;&apos; data-tag="YesWiki" data-method="show" data-tracked="true">YesWiki</a> vous avez la possibilité de gérer la traduction des contenus.<br />
<br />
<h3>Dans chacune de vos pages</h3>
Il existe un composant <b>lang</b> YesWiki permettant de proposer une version de votre page dans une autre langue .<br />
Sur une même page vous pouvez avoir <br />

<ul>
<li> un texte en francais, il sera précédé par &lbrace;{lang="fr"}}</li>
<li> un texte en anglais, il sera précédé par &lbrace;{lang="en"}}</li>
<li> un texte en espagnol, il sera précédé par &lbrace;{lang="es"}}</li>
</ul>

<br />
<h4>Exemple </h4>
<div class="code"><pre>&lbrace;{lang="fr"}}
=====Bienvenue=====

&lbrace;{lang="en"}}
=====Welcome=====

&lbrace;{lang="es"}}
=====Bienvenido=====</pre></div><br />
<br />
<br />
<h3>Dans la barre de menu</h3>
Pour permettre aux utilisateurs de choisir leur langue, vous devez ajouter dans votre barre de menu le composant <b>translation</b>, il permettra d&apos;ajouter des drapeaux pour identifier les langues de votre choix.<br />
Lorsqu&apos;un utilisateur clique sur un drapeau anglais alors les contenus précédés de lang="en" seront affichés<br />
<h4>Exemple :</h4>
Ajouter les drapeaux pour choisir la langue<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocLang/upload&file=drapeaux.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier drapeaux.png</a>
<div class="code">
<pre>
- {{translation destination="fr"}}
 - {{translation destination="en"}}  
 - {{translation destination="es"}}
</pre>
</div>
<br />
<br />
<br />
<h2>Choisir la langue pour les intitulés de l&apos;interface YesWiki</h2>
A la création du wiki, la langue choisie est le français, mais ce paramètre peut être modifié via le fichier de configuration. On y accède via : <b>Roue Crantée / Gestion du site / Onglet Fichier de conf</b><br />
<br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

Dans l&apos;accordéon <b>"Paramètres Principaux"</b>, le paramètre <b>Langue par défaut  - default_language </b> permet de modifier la langue pour les menus et paramètres en mode édition et les pages comme la page de configuration.<br />
valeurs possibles <br />

<ul>
<li> <b>fr</b> pour francais </li>
<li> <b>en</b> pour anglais</li>
<li> <b>es</b> pour espagnol</li>
<li> <b>pt</b> pour portuguais</li>
<li> <b>ca</b> pour catalan</li>
<li> <b>nl</b> pour néerlandais</li>
<li> <b>auto</b> pour la langue du navigateur</li>
</ul>

<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocLang/upload&file=fichier_de_conf.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier fichier_de_conf.png</a>

</div> <!-- end of col -->


</div> <!-- end of grid -->

Les traductions de l&apos;interface <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YesWiki" class=&apos;&apos; data-tag="YesWiki" data-method="show" data-tracked="true">YesWiki</a> sont encore incomplètes mais toute contribution pour faire évoluer le projet est la bienvenue ! L&apos;outil Weblate a récemment été mis en place pour gérer les traductions : <a href="https://hosted.weblate.org/projects/yeswiki/#languages">https://hosted.weblate.org/projects/yeswiki/#languages</a><br />
<span class="label label-secondary-2">CC-by-SA Mélanie Michel</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ModeMultilangue">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ModeMultilangue/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:15:45 +0100</pubDate>
      </item>
      <item>
        <title>Et si je dois modifier mon formulaire alors que des fiches ont déjà été saisies ?</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?EtSiJeDoisModifierMonFormulaireAlorsQue]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?EtSiJeDoisModifierMonFormulaireAlorsQue]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Et si je dois modifier mon formulaire alors que des fiches ont déjà été saisies ?</h1><div class="include">
<h3>Et si je dois modifier mon formulaire alors que des fiches ont déjà été saisies</h3>
Entre ce qu&apos;on a conçu, même à plusieurs, et ce que la vie nous impose parfois, il y a une marge. Donc, il va peut-être vous arriver de devoir modifier un formulaire alors que des fiches ont déjà été saisies pour ce formulaire.<br />
Sans entrer dans les considérations techniques, voici quelques indications.<br />

<ul>
<li> Si on modifie le nom du formulaire :
<ul>
<li> cela ne change rien dans le fonctionnement du formulaire ni pour ses fiches.</li>
</ul>
</li>
<li> Si on <b>ajoute un champ</b> :
<ul>
<li> ce champ sera proposé à la saisie pour toutes les fiches à partir de ce moment là,</li>
<li> ce champ sera vide pour toutes les fiches saisies auparavant, il faudra donc les modifier une par une pour compléter ce nouveau champ.</li>
</ul>
</li>
<li> Si on <b>supprime un champ</b> :
<ul>
<li> lorsqu&apos;on ouvrira une fiche de ce formulaire, ce champ n&apos;apparaîtra plus.</li>
</ul>
</li>
<li> Si on <b>modifie l&apos;identifiant unique</b> d&apos;un champ :
<ul>
<li> ce champ est « cassé » pour toutes les fiches. <b>Ne faîtes pas cela !</b></li>
</ul>
</li>
<li> Si on <b>modifie le libellé</b> d&apos;un champ :
<ul>
<li> ce champ sera, à partir de ce moment là, affiché avec le nouveau libellé.</li>
</ul>
</li>
<li> Si on <b>rend</b> un champ <b>obligatoire</b> :
<ul>
<li> ce champ sera obligatoire à partir de ce moment là,</li>
<li> si vous essayez de modifier une fiche précédemment saisie dans laquelle ce champ serait resté vide, vous ne pourrez valider la fiche qu&apos;après avoir complété ce champ.</li>
</ul>
</li>
<li> Si on <b>supprime le caractère obligatoire</b> d&apos;un champ :
<ul>
<li> ce champ ne sera plus obligatoire à partir de ce moment là,</li>
</ul>
</li>
<li> Si on <b>modifie le texte d&apos;aide</b> d&apos;un champ :
<ul>
<li> le nouveau texte d&apos;aide apparaîtra, à partir de ce moment là, pour ce champ.</li>
</ul>
</li>
</ul>

<span class="label label-secondary-2">CC-by-SA YesWiki</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?EtSiJeDoisModifierMonFormulaireAlorsQue">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?EtSiJeDoisModifierMonFormulaireAlorsQue/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:15:32 +0100</pubDate>
      </item>
      <item>
        <title>Permettre la saisie des fiches</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?PermettreLaSaisieDesFiches]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?PermettreLaSaisieDesFiches]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Permettre la saisie des fiches</h1><div class="include">
<h2><i>Bazar</i> – Permettre la saisie des fiches</h2>
Vous avez à présent créé votre formulaire. Il vous faut à présent en permettre la saisie aux utilisateurs.<br />
Voici une méthode pas à pas :<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<b>1 –</b> Créer une page qui sera uniquement destinée à la saisie des fiches de ce formulaire. Par exemple, pour permettre la saisie des fiches de mon formulaire d&apos;organisation de gouter, je vais créer une page « SaisieConvive ».
</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarPermettreSaisie/upload&file=formulaire_saisie_composants.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_saisie_composants.png</a><b>2 –</b> Cliquez sur le bouton « Composants », puis sur « Afficher un formulaire de création de fiche ».
</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarPermettreSaisie/upload&file=formulaire_saisie_choix_form.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_saisie_choix_form.png</a><b>3 –</b> Dans la boîte de dialogue qui s&apos;ouvre, cliquez sur la zone intitulée « Choisissez un formulaire ».
<br />
<br />
<b>4 –</b> Dans la liste de formulaires qui s&apos;affiche, choisir celui pour lequel vous souhaitez créer une page de saisie. Une visualisation du formulaire s&apos;affiche en partie dans la boîte dialogue.<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarPermettreSaisie/upload&file=formulaire_saisie_choix_fait.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_saisie_choix_fait.png</a><b>5 – Optionnel –</b>Si vous cochez « paramètres avancés », vous ferez apparaître une zone vous permettant d&apos;indiquer dans quelle page vous souhaitez que l&apos;utilisateur se retrouve après avoir validé la saisie de sa fiche.
Le comportement par défaut est que l&apos;utilisateur reste sur la page où il était (dans notre exemple « SaisieConvive »).<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarPermettreSaisie/upload&file=formulaire_saisie_action.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_saisie_action.png</a><b>6 –</b> Cliquez sur le bouton insérer dans la page. Cela donne ceci.

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<b>7 –</b> Enregistrer votre page.

</div> <!-- end of col -->

</div> <!-- end of grid -->

Et voilà !<br />
<span class="label label-secondary-2">CC-by-SA YesWiki</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?PermettreLaSaisieDesFiches">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?PermettreLaSaisieDesFiches/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:13:23 +0100</pubDate>
      </item>
      <item>
        <title>Composants de mise en forme</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ComposantsDeMiseEnForme]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ComposantsDeMiseEnForme]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Composants de mise en forme</h1><div class="include">
<h1>Les composants de mise en forme</h1>
Les wikis sont très souvent denses en informations : non seulement elles sont la mémoire du collectif dans le temps mais en plus elles doivent répondre aux questions d&apos;une multitude d&apos;acteurs du collectif. C&apos;est pourquoi il est nécessaire de <b>faciliter le parcours utilisateur</b>. N&apos;importe quelle personne doit pouvoir trouver l&apos;information utile en 3 clics. Il est donc primordial d&apos;anticiper les besoins des utilisateurs et d&apos;<b>organiser votre wiki</b> de manière à suggérer où aller pour accomplir une action comme "s&apos;inscrire" "en savoir plus" "afficher la carte". Votre <b>boite à outils</b> se  compose de la barre de menu, mais aussi des liens, des boutons, des images cliquables... <br />
Vous trouverez ici un <b>aperçu des composants de mise en forme</b> utilisables dans Yeswiki.<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

Les composants se trouvent dans la barre d&apos;édition d&apos;une page :<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocComposantMiseEnForme/upload&file=Capture_dcran_du_20250130_105041.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_dcran_du_20250130_105041.png</a>

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

En cliquant sur Mise en forme, voici les options :<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocComposantMiseEnForme/upload&file=MiseEnForme_liste_deroulante.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier MiseEnForme_liste_deroulante.png</a>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
 <!-- start of accordion -->
        <div class="panel-group  " role="tablist" aria-multiselectable="true" id="accordion_69dd860003c2f" >
<br />
<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860003ee8" data-toggle="collapse" data-parent="#accordion_69dd860003c2f" href="#collapse69dd860003eeb" aria-expanded="false" aria-controls="collapse69dd860003eeb">
          <h4 class="panel-title">
           Boutons
          </h4>
      </button>
      
      <div id="collapse69dd860003eeb" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860003ee8">
        <div class="panel-body">
<h3>Bouton</h3>
Un bouton est un élément visuel coloré qui permet de mettre en valeur un lien. Il se détache du contenu par son fond coloré et l&apos;interactivité est mise en valeur par un léger changement de couleur lorsque l&apos;utilisateur le survole avec la souris.<br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocComposantMiseEnForme/upload&file=demo_bouton.gif" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier demo_bouton.gif</a>

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

La dernière version de Yeswiki ("Doryphore") présente une nouveauté dans l&apos;interface d&apos;édition qui facilite grandement l&apos;utilisation des éléments de mise en forme : <b>les composants</b>.<br />
Une interface permet maintenant d&apos;insérer facilement des boutons (et autres éléments de mise en forme que nous verrons plus loin).<br />
Si vous souhaitez <b>modifier un paramètre de votre bouton</b> pour utiliser une autre couleur par exemple, il est possible d&apos;éditer le composant en cliquant sur la ligne dans l&apos;éditeur, un crayon apparait à gauche, il permet de réafficher les paramètres du bouton. (voir demo ci-dessous)<br />
Pour aller plus loin dans la mise en forme, vous pouvez cocher la case paramètres avancés<br />

</div> <!-- end of col -->

<br />

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h5>Paramètres avancés disponibles pour les boutons</h5>
<ul>
<li> Ouvrir dans une pop-up - permet à l&apos;utilisateur de rester sur la même page</li>
<li> ouvrir dans un nouvel onglet - à n&apos;utiliser que si le lien renvoie vers un autre site, sinon la convention est de garder le même onglet pour les liens internes</li>
<li> taille du bouton : petit moyen grand</li>
<li> position du bouton : à droite ou sur toute la largeur (j&apos;utilise l&apos;option "sur toute la largeur" en particulier dans les colonnes, cela permet d&apos;avoir des boutons de la meme taille meme si le texte est de taille différente)</li>
<li> afficher sous forme de lien - et utiliser quand même les options telles que icone ou ouverture pop up</li>
<li> masquer le bouton si l&apos;utilisateur n&apos;a pas accès à la page cible (par exemple le bouton renvoie vers une page réservé aux admins, on peut masquer le bouton aux autres utilisateurs)</li>
</ul>

<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocComposantMiseEnForme/upload&file=video_bouton_avanc.mp4" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier video_bouton_avanc.mp4</a>

</div> <!-- end of col -->

<br />

</div> <!-- end of grid -->

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600051e3" data-toggle="collapse" data-parent="#accordion_69dd860003c2f" href="#collapse69dd8600051e6" aria-expanded="false" aria-controls="collapse69dd8600051e6">
          <h4 class="panel-title">
           Les étiquettes
          </h4>
      </button>
      
      <div id="collapse69dd8600051e6" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600051e3">
        <div class="panel-body">
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<span class="label label-success">Nouveauté</span>
<br />
Les étiquettes sont disponibles dans les composants de mise en forme. C&apos;est une petite indication qui attire l&apos;oeil. Elle s&apos;adapte bien à un <b>texte court pour donner un qualificatif à une rubrique</b>.<br />
<h4>Paramètre disponible</h4>
<b>couleur</b><br />
Les 3 couleurs que vous avez choisi dans votre configuration graphique sont disponible pour les étiquettes (primaire, secondaire 1 et secondaire 2).<br />
4 couleurs supplémentaires porteuse de sens, comme leur nom l&apos;indique :<br />

<ul>
<li> info, la couleur de l&apos;étiquette info est une déclinaison plus claire de votre couleur primaire, elle offre un balisage visible mais se fond dans le contenu</li>
<li> success, un vert synonyme d&apos;un événenement positif ou d&apos; "objectif validé" </li>
<li> warning, pour un point de vigilance - une échéance  proche</li>
<li> danger, pour un point de désaccord ou un point urgent </li>
</ul>

<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocComposantMiseEnForme/upload&file=etiquettes.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier etiquettes.png</a>

</div> <!-- end of col -->

<br />

</div> <!-- end of grid -->

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860005b06" data-toggle="collapse" data-parent="#accordion_69dd860003c2f" href="#collapse69dd860005b09" aria-expanded="false" aria-controls="collapse69dd860005b09">
          <h4 class="panel-title">
           Les onglets
          </h4>
      </button>
      
      <div id="collapse69dd860005b09" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860005b06">
        <div class="panel-body">
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

Les onglets peuvent être considérés comme <b>une sorte de menu</b>.<br />
Il y a 2 manières de faire :<br />

<ul>
<li> Onglets avec des parties de la page (recommandé si les contenus sont relativement simples ou courts)</li>
<li> Onglets avec des pages différentes (recommandé si le contenu est riche ou si les pages sont déja créées)
<ul>
<li> Attention dans ce cas : vous devrez recopier le code des onglets sur toutes les pages concernées ;-)</li>
</ul>
</li>
</ul>

<br />
<h4>Paramètres</h4>
Les onglets peuvent être affichés de différentes manières :<br />

<ul>
<li> en horizontal, c&apos;est-à-dire au dessus de votre contenu (vous avez alors le choix entre souligné, sobre et justifié)</li>
<li> en vertical, c&apos;est à dire à gauche de votre contenu</li>
</ul>

<br />
<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocComposantMiseEnForme/upload&file=Capture_onglets.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_onglets.png</a>

</div> <!-- end of col -->

<br />

</div> <!-- end of grid -->

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600062a3" data-toggle="collapse" data-parent="#accordion_69dd860003c2f" href="#collapse69dd8600062a6" aria-expanded="false" aria-controls="collapse69dd8600062a6">
          <h4 class="panel-title">
           Les encadrés
          </h4>
      </button>
      
      <div id="collapse69dd8600062a6" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600062a3">
        <div class="panel-body">
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<!-- start of panel --><div class="panel panel-secondary-1" >
      <button class="panel-heading" id="heading69dd86000634c" data-toggle="collapse" data-parent="#accordion_69dd860003c2f" href="#collapse69dd86000634d" aria-expanded="true" aria-controls="collapse69dd86000634d">
          <h4 class="panel-title">
           Mon texte accordeon
          </h4>
      </button>
      
      <div id="collapse69dd86000634d" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading69dd86000634c">
        <div class="panel-body">
Ce type d&apos;encadrés ou d&apos;accordéon permet d&apos;afficher / masquer un texte. Il est disponible sous le nom "Encadré" dans les composants. L&apos;action qui en découle s&apos;appelle panel et se décline sous différentes formes : dépliée ou pas et dans les différentes couleurs de base de votre thème : Primary Secondary-1 ...<br />
Cette mise en forme s&apos;adapte particulièrement bien pour les FAQ (Foire aux questions)<br />
		
</div>	
</div>
</div> <!-- end of panel -->

<h4>Paramètres</h4>
<b>Type </b>:<br />
- simple encadré<br />
- accordeon ouvert<br />
- accordéon fermé<br />
<b>Couleur </b>: comme pour les étiquettes un jeu de couleurs correspondant à votre configuration graphique est disponible. Essayer d&apos;adopter une couleur pour un type d&apos;information.<br />
<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocComposantMiseEnForme/upload&file=Capture_encadres.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_encadres.png</a>

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860006a1c" data-toggle="collapse" data-parent="#accordion_69dd860003c2f" href="#collapse69dd860006a1e" aria-expanded="false" aria-controls="collapse69dd860006a1e">
          <h4 class="panel-title">
           Les sections
          </h4>
      </button>
      
      <div id="collapse69dd860006a1e" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860006a1c">
        <div class="panel-body">
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<!-- start of section -->
    <section class="background-image pattern- cover white   text-left" data-file=&apos;&apos; style="background-color:#741b47; ">
<div class="container">

<h3>Les sections (ou bandeau)</h3>
<br />
La section permet de définir un style pour un des blocs de votre page : un simple fond de couleur ou un bandeau avec une image de fond <br />
Un fond de couleur avec votre couleur primaire mettra en avant votre texte.<br />
Un fond en pleine largeur avec une image crée une séparation fluide entre 2 parties qui traitent de sujets différents (une image en pleine largeur doit avoir une dimension de 1920px de large - sa hauteur dépendra de la taille du texte contenu dans la section, si l&apos;image est juste décorative vous devrez spécifier une hauteur à la section )<br />
<br />
<h4>Paramètres</h4>
<ul>
<li> texture : permet de choisir si un utilise une couleur unie ou des motifs en fond de section</li>
<li> forme : la section peut aussi prendre une forme de blob un arrondi asymétrique</li>
<li> tonalité : permet de jouer sur les contraste entre le texte et le fond pour assurer une bonne lisibilité</li>
<li> afficher sur toute la largeur - permet de couvrir toute la largeur de l&apos;écran (supprime les marges)</li>
<li> les options animation pour mettre en mouvement une partie du contenu</li>
<li> Nouveauté une option pour masquer/afficher une section aux utilisateurs non connectés</li>
<li> L&apos;option "Ne pas mettre de conteneur" est parfois utile si vous combinez plusieurs types de composants (section et colonnes par exemple) et que votre texte déborde</li>
</ul>

<br />
<h4>Les erreurs fréquentes : Les textes se chevauchent en version mobile</h4>
Si votre page contient des sections, évitez d&apos;utiliser le paramètre "height", il vaut mieux laisser le comportement par défaut qui permet à la section de s&apos;adapter au contenu - ainsi si la largeur de l&apos;écran varie, la hauteur du contenu va s&apos;allonger...<br />
Cette erreur courante peut être très facilement corrigé en supprimant le paramètre "height" de votre code correspondant à la section.<br />
<br />

</div>
</section> <!-- end of section -->


</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocComposantMiseEnForme/upload&file=Capture_exemple_section.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_exemple_section.png</a>
<i>Sur cet exemple, plusieurs sections permettent de structurer la page :<br />
</i>
<ul>
<li><i>	une section avec une image de fond</i></li>
<li><i> une section avec un motif diagonale (paramètre texture)</i></li>
<li><i> une section avec un fond uni de couleur bleu</i></li>
</ul>
<i>
</i><br />
<br />

</div> <!-- end of col -->


</div> <!-- end of grid -->

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860007d0c" data-toggle="collapse" data-parent="#accordion_69dd860003c2f" href="#collapse69dd860007d0e" aria-expanded="false" aria-controls="collapse69dd860007d0e">
          <h4 class="panel-title">
           Les colonnes
          </h4>
      </button>
      
      <div id="collapse69dd860007d0e" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860007d0c">
        <div class="panel-body">
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h3>Les colonnes</h3>
<h4>Structurer le contenu</h4>
Le composant colonne vous permet d&apos;insérer le code wiki pour 2, 3, 4, 6 ou 12 colonnes. L&apos;écran étant divisable en 12 colonnes, à vous de le moduler la taille et le nombre de colonne pour obtenir la structure souhaitée.<br />
<h4>Paramètres</h4>
Vous choisissez le nombre de colonnes :2, 3, 4, 6 ou 12. <br />
Le code sera créé pour des colonnes de taille égale : si vous créez 2 colonnes le code indiquera size=6 pour chacune.<br />
Mais vous pouvez adapter. Par exemple pour 2 colonnes : 1/3 (size 4) +  2/3 (size 8)<br />
<div class="code">
<pre>
{{grid }}
{{col size="4"}}
{{section bgcolor="#d0e0e3" class="text-left" height="300" }}
=====size 4===== {{end elem="section"}}
{{end elem="col"}}
{{col size="8"}}
{{section bgcolor="#d0e0e3" class="text-left" height="300" }}
=====size 8===== {{end elem="section"}}
{{end elem="col"}}
{{end elem="grid"}}
</pre>
</div>
<br />
<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocComposantMiseEnForme/upload&file=Capture_colonnes.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_colonnes.png</a>

</div> <!-- end of col -->

<br />

</div> <!-- end of grid -->

		
</div>	
</div>
</div> <!-- end of panel -->


</div> <!-- end of accordion --></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ComposantsDeMiseEnForme">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ComposantsDeMiseEnForme/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:11:41 +0100</pubDate>
      </item>
      <item>
        <title>Editeur de page</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?EditeurDePage]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?EditeurDePage]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Editeur de page</h1><div class="include">
<div><figure class="attached_file" ><img loading="lazy" class="img-responsive" src="https://la-tisseuse.fr/ateliers_yeswiki/files/YWDocLesPages_sex_sexy_nude_porn_girl_image_indian_tamil_telugu_mallu_masala_kollywood_20250422162903_20260320140420.jpg" alt=&apos;&apos; width="1920" height="1200" /><figcaption>image sex_sexy_nude_porn_girl_image_indian_tamil_telugu_mallu_masala_kollywood.jpg (0.2MB)</figcaption></figure></div>
<br />
<div><figure class="attached_file" ><img loading="lazy" class="img-responsive" src="https://la-tisseuse.fr/ateliers_yeswiki/files/YWDocLesPages_Blonde_Girl_Fuck_on_The_Beack_Wallpaper_Adult_Dating_20250422162903_20260320140428.jpg" alt=&apos;&apos; width="1920" height="1200" /><figcaption>image Blonde_Girl_Fuck_on_The_Beack_Wallpaper_Adult_Dating.jpg (0.2MB)</figcaption></figure></div>
<br />
<div><figure class="attached_file" ><img loading="lazy" class="img-responsive" src="https://la-tisseuse.fr/ateliers_yeswiki/files/YWDocLesPages_Lips__Dating_Meet_Hot_Women_Seeking_Men_Adult_Personals_USA_American_20250422162903_20260320140434.jpg" alt=&apos;&apos; width="1174" height="734" /><figcaption>image Lips__Dating_Meet_Hot_Women_Seeking_Men_Adult_Personals_USA_American.jpg (0.2MB)</figcaption></figure></div>
<br />
<div><figure class="attached_file" ><img loading="lazy" class="img-responsive" src="https://la-tisseuse.fr/ateliers_yeswiki/files/YWDocLesPages_21sex_sexy_nude_porn_girl_image_indian_tamil_telugu_mallu_masala_154_20250422162903_20260320140440.jpg" alt=&apos;&apos; width="1680" height="1050" /><figcaption>image 21sex_sexy_nude_porn_girl_image_indian_tamil_telugu_mallu_masala_154.jpg (0.2MB)</figcaption></figure></div>
<br />
<br />
<br />
<div><figure class="attached_file" ><img loading="lazy" class="img-responsive" src="https://la-tisseuse.fr/ateliers_yeswiki/files/YWDocLesPages_Blonde_Girl_Fuck_on_The_Beack_Wallpaper_Adult_Dating_20250422162903_20260320140428.jpg" alt=&apos;&apos; width="1920" height="1200" /><figcaption>image Blonde_Girl_Fuck_on_The_Beack_Wallpaper_Adult_Dating.jpg (0.2MB)</figcaption></figure></div><div><figure class="attached_file" ><img loading="lazy" class="img-responsive" src="https://la-tisseuse.fr/ateliers_yeswiki/files/YWDocLesPages_sex_sexy_nude_porn_girl_image_indian_tamil_telugu_mallu_masala_kollywood_20250422162903_20260320140420.jpg" alt=&apos;&apos; width="1920" height="1200" /><figcaption>image sex_sexy_nude_porn_girl_image_indian_tamil_telugu_mallu_masala_kollywood.jpg (0.2MB)</figcaption></figure></div><h2>Éléments de base sur les pages</h2>
 <!-- start of accordion -->
        <div class="panel-group  " role="tablist" aria-multiselectable="true" id="accordion_69dd860021b8a" >
<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860021c5c" data-toggle="collapse" data-parent="#accordion_69dd860021b8a" href="#collapse69dd860021c5e" aria-expanded="false" aria-controls="collapse69dd860021c5e">
          <h4 class="panel-title">
           Mettre en forme le texte
          </h4>
      </button>
      
      <div id="collapse69dd860021c5e" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860021c5c">
        <div class="panel-body">
En mode édition, YesWiki vous offre une barre dʼédition comportant une série de boutons qui vous permettent dʼeffectuer la plupart des opérations de mise en forme.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocLesPages/upload&file=editer_une_page_barre.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier editer_une_page_barre.png</a>
<div class="include">
<h3>Les principales astuces de mise en page</h3>
Lorsqu&apos;on utilise la barre dʼédition de YesWiki, on constate que cela se traduit par lʼapparition de « codes » dans la page. Rassurez-vous ces codes ne sont visibles quʼau cours de lʼédition et se traduiront, lorsque vous enregistrez la page, par la mise en forme ou le comportement voulu. Voici quelques uns de ce code. <br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h4>Accentuation</h4>
<pre><b>**Gras**</b><br />
<i>//Italique//</i><br />
<u>__Souligné__</u><br />
<span class="del">@@Barré@@</span></pre><br />
<h4>Titres</h4>
<pre><h1>======Titre 1======</h1>
<h2>=====Titre 2=====</h2>
<h3>====Titre 3====</h3>
<h4>===Titre 4===</h4>
<h5>==Titre 5==</h5></pre>
<br />
<h4>Insérer un filet horizontal</h4>
<div class="code">
<pre>
----
</pre>
</div>
<br />
Ce qui donne :<hr />



</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h4>Listes</h4>
<div class="row-fluid row"> <!-- start of grid -->
<div class="span6 col-md-6 "> <!-- start of col -->

<pre> - Liste à puces niveau 1
 - Puce niveau 1
  - Puce niveau 2
  - Puce niveau 2
 - Puce niveau 1</pre>
</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<ul>
<li> Liste à puces niveau 1</li>
<li> Puce niveau 1
<ul>
<li> Puce niveau 2</li>
<li> Puce niveau 2</li>
</ul>
</li>
<li> Puce niveau 1</li>
</ul>


</div> <!-- end of col -->

</div> <!-- end of grid -->

<i> <b>Remarque :</b> en mode édition, si vous ne voyez plus la coloration syntaxique après une liste à puces, il suffit de sauter une ligne, juste après la liste, pour la retrouver… (mais, même sans la coloration, tout le reste fonctionne).</i><br />
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span6 col-md-6 "> <!-- start of col -->

<pre> 1) Liste énumérée
 1) Liste énumérée
 1) Liste énumérée</pre>
</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<ol style="list-style: decimal;">
<li> Liste énumérée</li>
<li> Liste énumérée</li>
<li> Liste énumérée
</div> <!-- end of col -->

</div> <!-- end of grid -->
</li>
</ol>

<br />
<h4>Tableaux</h4>
<pre>
[|
| **Nom** | **prénom** | **Couleurs préférées** |
|Lagaffe |Gaston |jaune |
|Lapalice |Jean |vert |
|texte calé à gauche | texte calé à droite| texte centré |
|]
</pre><br />
<table class="yeswiki-table prevent-auto-init table table-condensed table-striped">
   <tr >
      <td  align="center"> <b>Nom</b> </td>
      <td  align="center"> <b>prénom</b> </td>
      <td  align="center"> <b>Couleurs préférées</b> </td>
   </tr>
   <tr >
      <td  align="left">Lagaffe </td>
      <td  align="left">Gaston </td>
      <td  align="left">jaune </td>
   </tr>
   <tr >
      <td  align="left">Lapalice </td>
      <td  align="left">Jean </td>
      <td  align="left">vert </td>
   </tr>
   <tr >
      <td  align="left">texte calé à gauche </td>
      <td  align="right"> texte calé à droite</td>
      <td  align="center"> texte centré </td>
   </tr>

</table>
<br />
<h4>Écrire en html</h4>
<pre>Si vous souhaitez introduire du HTML dans la page wiki, 
il faut l&apos;entourer de "" <bout de html> "" 
pour qu&apos;il soit traité correctement.</pre><br />
<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd860023ac5" data-toggle="collapse" href="#collapse69dd860023ac8" aria-expanded="false" aria-controls="collapse69dd860023ac8">
          <h4 class="panel-title">
           Ce qui se passe vraiment, si cela vous intéresse
          </h4>
      </button>
      
      <div id="collapse69dd860023ac8" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860023ac5">
        <div class="panel-body">
En réalité, une page internet est constituée de code HTML.<br />
Et cʼest ce HTML que sait afficher votre navigateur internet (Firefox, Chrome, Safari ou autre).<br />
<br />
Mais le HTML est verbeux et complexe. YesWiki met donc à votre disposition un code plus simple (celui qui est en partie décrit dans cette page). Et lors de l&apos;affichage de la page, YesWiki traduit son code en HTML que le navigateur affiche alors.<br />
<br />
Dans le cas où vous insérez du code HTML dans votre code YesWiki, les doubles guillemets ("") indiquent à YesWiki de ne pas traduire le code en question.		
</div>	
</div>
</div> <!-- end of panel -->

<h4>Placer du code en commentaire sur la page</h4>
En utilisant le code ci-dessous, on peut mettre du texte qui n’apparaît pas sur la page…<br />
<div class="code">
<pre>
{# du texte que je ne souhaite pas afficher #}
</pre>
</div>
Cela permet de laisser des explications par exemple ou même d&apos;écrire du texte en préparation d&apos;une publication future.<br />

</div> <!-- end of col -->


</div> <!-- end of grid --></div>

<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans une page "bac à sable" de ton wiki, écris un paragraphe avec :<br />

<ul>
<li> un titre</li>
<li> du texte en gras</li>
<li> une liste à puces</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section -->

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600257aa" data-toggle="collapse" data-parent="#accordion_69dd860021b8a" href="#collapse69dd8600257ad" aria-expanded="false" aria-controls="collapse69dd8600257ad">
          <h4 class="panel-title">
           Insérer un document ou une image
          </h4>
      </button>
      
      <div id="collapse69dd8600257ad" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600257aa">
        <div class="panel-body">
En plus du texte, on peut vouloir ajouter des images, des documents à télécharger, voire des vidéos ou des fichiers audio. Avec YesWiki ceci est très facile ! Voici comment faire.<br />
<div class="include">
<div class="row-fluid row"> <!-- start of grid -->

<div class="span8 col-md-8 "> <!-- start of col -->

<h3>Bouton « fichier »</h3>
Dans la page en mode édition, cliquer sur le bouton « Fichier » permet de choisir un fichier qui se trouve sur votre ordinateur.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageInsertionFichier/upload&file=inserer_image_bouton.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier inserer_image_bouton.png</a>
En fonction du type de fichier à insérer, YesWiki propose des interfaces différentes, mais le principe reste le même.<br />

</div> <!-- end of col -->

<div class="span4 col-md-4 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageInsertionFichier/upload&file=dossier.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier dossier.png</a>

</div> <!-- end of col -->


</div> <!-- end of grid -->

<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd8600269df" data-toggle="collapse" href="#collapse69dd8600269e1" aria-expanded="false" aria-controls="collapse69dd8600269e1">
          <h4 class="panel-title">
           Pour un fichier image (svg, png, gif, jpg, bmp…)
          </h4>
      </button>
      
      <div id="collapse69dd8600269e1" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600269df">
        <div class="panel-body">
<b>Le bouton ouvre sur une fenêtre</b> qui permet de choisir l&apos;alignement de l&apos;image, sa taille à l&apos;affichage ainsi que le texte qui s&apos;affichera au survol (texte de la vignette).<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageInsertionFichier/upload&file=inserer_image_fenetre3.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier inserer_image_fenetre3.png</a>
<br />
<b>En cliquant sur « Paramètres avancés »</b>, on peut ajouter un lien associé (en vert ci-dessous), des effets graphiques, modifier le texte alternatif et empêcher l&apos;affichage de l&apos;image lorsqu&apos;on clique dessus (en jaune).<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageInsertionFichier/upload&file=inserer_image_fenetre_parametres2.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier inserer_image_fenetre_parametres2.png</a>
<br />
<b>On peut modifier l&apos;image après l&apos;avoir enregistrée</b>. Pour cela il faut re-éditer la page, trouver le bout de code entre {{ }} qui concerne ce fichier et cliquer n&apos;importe où dessus : un bouton crayon apparaît, il suffit de cliquer dessus pour afficher la fenêtre permettant de faire toutes les modifications que vous souhaitez.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageInsertionFichier/upload&file=inserer_image_modifier_crayon2.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier inserer_image_modifier_crayon2.png</a>		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd860027758" data-toggle="collapse" href="#collapse69dd86002775b" aria-expanded="false" aria-controls="collapse69dd86002775b">
          <h4 class="panel-title">
           Pour un fichier texte (.doc, .pdf, .xls, .odt, .txt…)
          </h4>
      </button>
      
      <div id="collapse69dd86002775b" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860027758">
        <div class="panel-body">
<b>Ici le bouton ouvre une fenêtre</b> qui permet de modifier le texte du lien et d&apos;afficher le fichier sous forme de lien ou directement inclus dans la page.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageInsertionFichier/upload&file=inserer_fichier_fenetre2.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier inserer_fichier_fenetre2.png</a>
<br />
Comme pour les images, on peut <br />
- <b>cliquer sur Paramètres avancés</b> pour ajouter un lien associé, des effets graphiques et que modifier le texte alternatif.<br />
- <b>et modifier le fichier après l&apos;avoir enregistré</b> en cliquant sur bout de code entre {{ }}.		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd860027ec0" data-toggle="collapse" href="#collapse69dd860027ec3" aria-expanded="false" aria-controls="collapse69dd860027ec3">
          <h4 class="panel-title">
           Pour un fichier audio (mp3) et vidéo (flv)
          </h4>
      </button>
      
      <div id="collapse69dd860027ec3" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860027ec0">
        <div class="panel-body">
Le principe est toujours le même. Ces fichiers seront interprétés sous forme de lecteur audio. Mais souvent ce sont des fichiers lourds qu&apos;on a tendance à stocker sur des plateformes spécialisées (vimeo, youtube, peertube ...) pour ensuite les intégrer au wiki en iframe.		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd8600282a4" data-toggle="collapse" href="#collapse69dd8600282a6" aria-expanded="false" aria-controls="collapse69dd8600282a6">
          <h4 class="panel-title">
           Pour un fichier de carte mentale (freeplane ou freemind .mm)
          </h4>
      </button>
      
      <div id="collapse69dd8600282a6" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600282a4">
        <div class="panel-body">
Le principe est toujours le même. Ces fichiers seront affichés sous forme de carte heuristique cliquable.		
</div>	
</div>
</div> <!-- end of panel -->

<h4>Vous avez envie de code ?</h4>
Pas de souci, vous avez ci-dessus les bouts de codes générés par les boutons, ils peuvent être créés directement sur votre page en mode édition, et modifiés comme vous le souhaitez. <br />
<b>Pour plus d&apos;infos</b>, aller sur la page <a href="https://yeswiki.net/?AttacH" track="true">{{attach}}</a> de la documentation YesWiki.<br />
<h4>Une vidéo pour vous aider</h4>
<a href="https://www.youtube.com/embed/tLz5FJioaNo?list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L" class="btn-primary modalbox btn" data-size="modal-lg" data-iframe="1"><i class="fas fa-file-video"></i> Voir la vidéo</a> (elle est faite à partir de la version précédente mais le principe est le même)</div>

<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans une page "bac à sable" de ton wiki :<br />

<ul>
<li> intègre une image en choissant la taille moyenne et le posionnement à gauche</li>
<li> reviens modifier la configuration de l&apos;image pour qu&apos;elle soit de taille large, positionnée au centre, et qu&apos;en cliquant sur l&apos;image on arrive sur <a href="https://yeswiki.net/">https://yeswiki.net/</a></li>
<li> intègre un document PDF
<ul>
<li> une fois sous forme de lien</li>
<li> une fois affiché directement dans la page</li>
</ul>
</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section -->

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860029f03" data-toggle="collapse" data-parent="#accordion_69dd860021b8a" href="#collapse69dd860029f06" aria-expanded="false" aria-controls="collapse69dd860029f06">
          <h4 class="panel-title">
           Insérer une vidéo
          </h4>
      </button>
      
      <div id="collapse69dd860029f06" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860029f03">
        <div class="panel-body">
<div class="include">
Pour intégrer une vidéo il est nécessaire qu&apos;elle soit préalablement en ligne sur une plateforme spécialisée : YouTube, Viméo, PeerTube, etc.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocVideo/upload&file=Video_menu.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Video_menu.png</a>
<br />
Vous pouvez alors utiliser l&apos;action {{video}} disponible dans les composants.<br />
<div class="row-fluid row"> <!-- start of grid -->
 
</div> <!-- end of grid -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocVideo/upload&file=Video_composant.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Video_composant.png</a>Par défaut, ce composant vous propose deux paramètres.
<ul>
<li> <b>Serveur de la vidéo –</b> Vous pouvez choisir le serveur sur lequel se trouve la vidéo parmi <i>PeerTube</i>, <i>Vimeo</i> et <i>Youtube</i>.</li>
<li> <b>Identifiant de la vidéo –</b> Il ne sʼagit pas de lʼURL complète de la vidéo. Le plus souvent, c&apos;est la série de chiffres et lettres placée en fin d&apos;URL. Par exemple, dans <code>https://www.youtube.com/watch?v=TNPnia5UCKk</code>, lʼidentifiant de la vidéo est <b>TNPnia5UCKk</b>.</li>
</ul>

<br />
En cochant la case « paramètres avancés », vous pouvez faire afficher plus de paramètres.<br />

<ul>
<li> <b>Instance du serveur PeerTube –</b> Ce paramètre nʼest présent que si vous avez choisi <i>PeerTube</i> en tant que serveur de la vidéo.</li>
<li> <b>Ratio de la vidéo –</b> Vous pouvez préciser le ratio qui vous convient pour afficher la vidéo.</li>
<li> <b>Largeur maximale –</b> Par défaut, la vidéo sera affichée sur toute la largeur disponible. Si vous le souhaitez, ce paramètre vous permet de préciser la largeur maximale sur laquelle la vidéo sera affichée. Attention, cette largeur doit être saisie en nombre de pixels (par exemple : 500). Vous ne pouvez utiliser de pourcentage pour exprimer cette largeur maximale.</li>
<li> <b>Hauteur maximale –</b> Par défaut, la hauteur dʼaffichage de la vidéo sera calculée automatiquement en fonction de la largeur disponible (de manière à conserver les proportions, ou ratio, initiales de la vidéo). Ce paramètre vous permet, si vous le souhaitez, de fixer la hauteur maximale dʼaffichage de la vidéo. Attention, cette hauteur doit être saisie en nombre de pixels (par exemple : 500). Vous ne pouvez utiliser de pourcentage pour exprimer cette hauteur maximale.</li>
<li> <b>Position de la vidéo –</b> Ce paramètre ne prend effet que si vous avez précisé une largeur maximale inférieure à la largeur dʼaffichage disponible. Si vous spécifiez que la position de la vidéo doit être à droite, et qu&apos;il reste de la place à gauche de celle-ci, alors YesWiki commencera à afficher le texte suivant la vidéo à gauche de celle-ci. Et réciproquement pour un choix dʼaffichage de la vidéo à gauche, le texte viendra à droite, sʼil reste de la place.</li>
</ul>

<br />
Une autre méthode consiste à intégrer la vidéo en utilisant un <i>iframe</i>. Cependant l&apos;action {{video}} vous permet un affichage <i>responsive</i> (c&apos;est à dire qui sʼadapte à la taille de la fenêtre).</div>

<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans une page "bac à sable" de ton wiki :<br />

<ul>
<li> Insère la vidéo <a href="https://videos.yeswiki.net/w/qaiq6teGqAk6tDtwVaVsry">https://videos.yeswiki.net/w/qaiq6teGqAk6tDtwVaVsry</a> (en plus cette vidéo peut t&apos;intéresser ;-) </li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>

<br />

</div>
</section> <!-- end of section -->

<br />
		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd86002ccb5" data-toggle="collapse" data-parent="#accordion_69dd860021b8a" href="#collapse69dd86002ccb8" aria-expanded="false" aria-controls="collapse69dd86002ccb8">
          <h4 class="panel-title">
           Faire un lien ou un bouton
          </h4>
      </button>
      
      <div id="collapse69dd86002ccb8" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86002ccb5">
        <div class="panel-body">
Dans les pages d&apos;un wiki on a souvent besoin de faire des liens vers d&apos;autres pages ou d&apos;autres sites. Encore une fois, c&apos;est assez simple.<br />
<div class="include">
<h3>Les trois méthodes pour créer un lien</h3>
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-solid shape-rounded" data-file=&apos;&apos; style="background-color:var(--primary-color);     border-color: var(--primary-color);
    background-color: var(--main-bg-color);">
<div class="container">
<div class="include">
<b>Cas d&apos;un lien allant vers une page du wiki</b><br />
Si vous souhaitez que votre lien aille vers une page de votre wiki, il suffit de saisir le nom wiki de cette page (par ex. : « Accueil »). Pour YesWiki, ce nom représente une URL.</div>

</div>
</section> <!-- end of section -->

<br />
<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd86002e26a" data-toggle="collapse" href="#collapse69dd86002e26d" aria-expanded="false" aria-controls="collapse69dd86002e26d">
          <h4 class="panel-title">
           Saisir l&apos;adresse de la cible du lien
          </h4>
      </button>
      
      <div id="collapse69dd86002e26d" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86002e26a">
        <div class="panel-body">
Si vous saisissez l&apos;adresse d&apos;une page (par exemple : « https://yeswiki.net »), YesWiki, comprenant qu&apos;il s&apos;agit d&apos;une adresse, générera un lien cliquable dont le texte sera l&apos;URL elle-même (ou le nom de la page de wiki le cas échéant).<br />
		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd86002e450" data-toggle="collapse" href="#collapse69dd86002e451" aria-expanded="false" aria-controls="collapse69dd86002e451">
          <h4 class="panel-title">
           Utilisation du bouton « lien »
          </h4>
      </button>
      
      <div id="collapse69dd86002e451" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86002e450">
        <div class="panel-body">
<div class="include">
Dans la page en mode édition, cliquez sur le bouton « lien ».<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBoutonLien/upload&file=bouton_lien.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier bouton_lien.png</a>
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span5 col-md-5 "> <!-- start of col -->

Vous serez alors guidé·e dans vos choix avec cette fenêtre : <br />
<br />
Faites vos choix et cliquez sur « Insérer » : la ligne de code s&apos;inscrit toute seule ;-)<br />
<br />
<b>Fenêtre modale :</b> une fenêtre modale est une fenêtre qui vient s&apos;afficher devant la page que vous êtes en train de visualiser (comme une « pop-up ») et que vous devez fermer avant de pouvoir retourner à la visualisation de votre page. Elle est, soit visible, soit fermée, contrairement à d&apos;autres fenêtres qui peuvent être ouvertes et cachées derrière autre chose.<br />

</div> <!-- end of col -->

<div class="span7 col-md-7 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBoutonLien/upload&file=ajouterunliennew.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier ajouterunliennew.png</a>
</div> <!-- end of col -->

</div> <!-- end of grid -->

<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd86002f890" data-toggle="collapse" href="#collapse69dd86002f893" aria-expanded="false" aria-controls="collapse69dd86002f893">
          <h4 class="panel-title">
           Vous avez envie de voir le code généré ?
          </h4>
      </button>
      
      <div id="collapse69dd86002f893" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86002f890">
        <div class="panel-body">
Voici ce que ça donne quand on regarde le code :<br />
<code>[Aller à la page d&apos;accueil](Accueil)</code> > <a href="https://la-tisseuse.fr/ateliers_yeswiki/?Accueil" data-tag="Accueil" data-method="show" data-tracked="true">Aller à la page d&apos;accueil</a><br />
<code>[Aller sur le site de yeswiki](https://yeswiki.net/?Accueil)</code> > <a href="https://yeswiki.net/?Accueil" track="true">Aller sur le site de yeswiki</a><br />
<code>{{button class="btn-primary" link="mailto:louise@quincaillere.org" nobtn="1" text="Envoyer un mail à Louise" }}</code> > <a href="mailto:louise@quincaillere.org">Envoyer un mail à Louise</a>
		
</div>	
</div>
</div> <!-- end of panel -->

<span class="label label-secondary-1">Remarque importante —</span> Dans le cas où vous choisiriez que le lien s&apos;ouvre dans un nouvel onglet ou dans une fenêtre modale, YesWiki utilisera un bouton pour créer le lien (même si il l&apos;affiche sous la forme d&apos;un lien).</div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd860030b63" data-toggle="collapse" href="#collapse69dd860030b66" aria-expanded="false" aria-controls="collapse69dd860030b66">
          <h4 class="panel-title">
           Utilisation du composant « bouton »
          </h4>
      </button>
      
      <div id="collapse69dd860030b66" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860030b63">
        <div class="panel-body">
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBouton" class="btn-primary modalbox pull-right btn" data-size="modal-lg"><i class="far fa-eye"></i> Voir la documentation du bouton</a>
Si, pour créer un lien, on utilise le composant « bouton » même dans le cas d&apos;un lien s&apos;affichant dans l&apos;onglet courant, on se laisse la possibilité de faire évoluer plus facilement le comportement de ce lien.<br />
<b>Comment faire ?</b><br />
<b>1.</b> Dans la fenêtre de paramétrage du bouton, vous saisissez :<br />

<ul>
<li> le texte du lien dans « Texte du bouton »,</li>
<li> l&apos;adresse de la page de destination du lien dans « Lien web ou nom d&apos;une page de ce wiki ».</li>
</ul>

<b>2.</b> Puis, cliquez sur « Paramètres avancés ».<br />
<b>3.</b> Choisissez les modalités d&apos;affichage de la destination :<br />

<ul>
<li> si vous voulez que la destination s&apos;affiche dans une fenêtre modale, sélectionnez l&apos;option qui vous convient dans « Ouvrir le contenu du lien dans une popup » ;</li>
<li> si vous voulez que la destination s&apos;affiche dans un nouvel onglet ou une nouvelle fenêtre, sélectionnez « Oui » dans « Ouvrir dans une nouvelle fenêtre » ;</li>
<li> si vous voulez que la destination s&apos;affiche l&apos;onglet courant, ne faîtes rien de tout cela.</li>
</ul>

<b>4.</b> Cochez la case « Afficher sous forme de lien »<br />
<b>Les avantages à utiliser un bouton pour créer un lien.</b><br />

<ul>
<li> Vous pouvez ajouter une icône à votre lien.</li>
<li> Vous pouvez ajouter un texte qui s&apos;affiche au survol du lien.</li>
<li> Vous pouvez faire en sorte que le lien n&apos;apparaisse pas aux utilisateurs qui n&apos;ont pas accès à la page de destination.</li>
<li> Vous pouvez modifier tous ces paramètres très simplement aussi souvent que vous voulez.</li>
</ul>

		
</div>	
</div>
</div> <!-- end of panel --></div>

<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans une page "bac à sable" de ton wiki, fais :<br />

<ul>
<li> un lien vers la page d&apos;accueil de ton wiki avec pour texte affiché "Revenir à l&apos;accueil"</li>
<li> un lien vers le site <a href="https://yeswiki.net">https://yeswiki.net</a> avec pour texte affiché "clique ici pour accéder au site de yeswiki"</li>
<li> un bouton qui indique "Forum yeswiki", qui envoie sur <a href="https://forum.yeswiki.net/">https://forum.yeswiki.net/</a> et avec un pictogramme de votre choix</li>
<li> exercice toi à faire des liens nécessaires pour ton projet, en réfléchissant au type d&apos;ouverture 
<ul>
<li> dans l&apos;onglet courant</li>
<li> dans un nouvel onglet</li>
<li> dans une fenetre modale</li>
</ul>
</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section -->

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860033278" data-toggle="collapse" data-parent="#accordion_69dd860021b8a" href="#collapse69dd86003327b" aria-expanded="false" aria-controls="collapse69dd86003327b">
          <h4 class="panel-title">
           Intégrer des éléments d&apos;autres sites (widgets)
          </h4>
      </button>
      
      <div id="collapse69dd86003327b" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860033278">
        <div class="panel-body">
Avec YesWiki on peut facilement intégrer à son wiki des pages intéressantes.<br />
On peut aussi tout simplement avoir besoin d&apos;<b>utiliser différents outils de travail coopératif et vouloir les centraliser dans notre wiki</b>. Voici comment faire.<br />
<div class="include">
<h3>Incorporer un « widget »</h3>
<h4>Un peu de vocabulaire</h4>
Un « widget » est un petit module qui permet à une page d&apos;embarquer (encapsuler, intégrer… « <i>embed</i> » en anglais) et de re-publier dynamiquement des contenus et fonctions issus de services proposés par d&apos;autres sites internet.<br />
<br />
<h4>Quelques étapes très simples</h4>
<h5>1. Trouver le code « iframe » permettant l&apos;intégration</h5>
Un site propose souvent d&apos;afficher ses contenus ailleurs que « chez lui », en fournissant un morceau de code HTML (appelé iframe), qui se trouve dans les options « <i>Partager</i> », « <i>Intégrer</i> » ou encore « <i>Iframe</i> ». <br />
Ca peut ressembler à un de ces trois pictogrammes : <br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageInsertionWidget/upload&file=partager.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier partager.png</a>
</div> <!-- end of col -->

<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageInsertionWidget/upload&file=partageryoutube.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier partageryoutube.png</a>
</div> <!-- end of col -->

<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageInsertionWidget/upload&file=intgrer.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier intgrer.png</a>
</div> <!-- end of col -->

</div> <!-- end of grid -->

Le code « iframe » que vous allez trouver ressemblera à ça : <br />
<div class="code">
<pre>
<iframe name="embed_readwrite" src="""https://unsite.com/iframe""" width="100%" height="600" ></iframe>
</pre>
</div>
<br />
Vous allez sélectionner et copier ce code pour pouvoir le coller dans votre wiki.<br />
<h5>2. Coller ce code dans votre page wiki</h5>
Une fois le code collé dans la page il faut penser à ajouter avant et après <b><u>deux guillemets</u></b>. <div class="code">
<pre>
""coller ici le code HTML fourni par le site tiers""
</pre>
</div>

<h5>3. Sauver et profiter !</h5>
Vous enregistrez ces modifications et vous pouvez profiter des fonctionnalités de cet autre site dans votre wiki : lire la vidéo, écrire dans le pad, lire un contenu…<br />
<br />
<h4>Bricoler le code</h4>
<h5>Changer la taille de la fenêtre</h5>
Le code « iframe » fourni peut être personnalisé, notamment pour les dimensions de la fenêtre intégrée.<br />
Dans le bout de code à copier-coller, les paramètres (on parle d&apos;attributs) <i>width</i> (largeur) et <i>height</i> (hauteur) permettent de spécifier la taille de ce cadre et ils sont renseignés en pixels. Vous pouvez modifier ces chifres pour ajuster la taille de la fenêtre.<br />
<br />
<b>Largeur</b><br />
L&apos;attribut width= est indispensable. Il peut indiquer un nombre pixels ou un pourcentage de la taille de l&apos;écran.<br />
Pour que la fenêtre prenne toute la largeur et s&apos;adapte à l&apos;écran vous pouvez indiquer width=100%<br />
<br />
<b>Hauteur</b><br />
L&apos;insertion iframe peut configurer sa longueur automatiquement via la class <code>class="auto-resize"</code> <br />
<br />
<h5>Ajouter ou enlever un cadre noir</h5>
La fenetre intégrée peut être encadrée ou non.<br />
Dans le code de l&apos;« iframe », vous pouvez préciser frameborder="1" (avec cadre noir) ou frameborder="0" (sans cadre noir)<br />
<div class="code">
<pre>
<iframe width="100%" src="""https://unsite.com/iframe""" frameborder="1" ></iframe>
</pre>
</div>
</div>

<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans une page "bac à sable" de ton wiki :<br />

<ul>
<li> intègre un outil que tu utilises déjà : un pad, un GoogleDoc ...</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section -->

		
</div>	
</div>
</div> <!-- end of panel -->


</div> <!-- end of accordion -->

<span class="label label-secondary-2">CC-by-SA Frédérique Dumont, Louise Didier et Sylvain Boyer</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?EditeurDePage">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?EditeurDePage/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:09:38 +0100</pubDate>
      </item>
      <item>
        <title>Les questions à se poser en amont</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?LesQuestionsASePoserEnAmont]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?LesQuestionsASePoserEnAmont]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Les questions à se poser en amont</h1><div class="include">
<h3>Les questions à se poser lors de la conception d&apos;un formulaire <i>Bazar</i></h3>
Lorsqu&apos;on conçoit un formulaire, on se pose la question "qu&apos;est-ce que je cherche à savoir ?", autrement dit, « quelles sont les questions auxquelles on souhaite que les utilisateurs répondent ? ».<br />
<br />
<h5>Cohérence des objectifs</h5>
En tant que concepteur, la première question que l&apos;on doit se poser dans ce type de démarche est la suivante : « quel est l&apos;objectif de ce formulaire ? »<br />
Cette question en amène quelques autres sur lesquelles il pourrait être constructif de se pencher.<br />

<ul>
<li> Cet objectif, que j&apos;imagine, a-t-il été validé par le groupe auquel le formulaire est destiné ?</li>
<li> Quel est mon objectif ?</li>
<li> Les réponses à ces différentes questions sont-elles cohérentes ?</li>
</ul>

<br />
<h5>Éviter de vouloir la perfection</h5>
Au risque d&apos;enfoncer quelques portes ouvertes et en supposant que le perfection existe…<br />
1 – Le formulaire parfait à vos yeux ne le sera pas nécessairement aux yeux des autres.<br />
2 – Le formulaire parfait, aujourd&apos;hui, ne le sera pas nécessairement demain (et oui, le monde change).<br />
<br />
Au delà de ces considérations, voici deux aspects de la conception de formulaire pour lesquels il n&apos;y a pas de bonne réponse absolue.<br />
<br />
<b>Le nombre de questions –</b> Vaut-il mieux prévoir un fomulaire le plus complet possible afin d&apos;éviter de solliciter trop souvent la participation ? <i>A contrario</i>, un individu normalement constitué ne risque-t-il pas de se décourager à la vue d&apos;un questionnaire qu&apos;il juge trop long ? Une réponse juste à ces interrogations se trouve peut-être dans les deux considérations suivantes.<br />

<ul>
<li> Quels sont, pour le groupe, les objectifs de votre formulaire ? Vous y tenez-vous ?</li>
<li> Un individu est beaucoup plus enclin à produire un effort qu&apos;il a décidé. Autrement dit, si vous avez conçu, de manière réellement coopérative, un formulaire, chacune des personnes partie prenante à cette conception sera plus volontiers volontaire pour le remplir.</li>
</ul>

<br />
<b>Les informations obligatoires –</b> Quand on y réfléchit bien, si on pose la question, c&apos;est qu&apos;on veut connaître la réponse. Une conséquence de cela est la tendance à rendre obligatoires beaucoup de questions de notre formulaire.<br />
L&apos;expérience montre que les formulaires comportant trop de questions obligatoires sont peu remplis. Les principales raisons en sont le découragement, d&apos;une part, et, d&apos;autre part, l&apos;impossibilité, parfois, de remplir le formulaire en une fois, du fait de la nature de certaines questions.<br />
Une bonne pratique consiste à se focaliser, pour les questions obligatoires, sur celles pour lesquelles l&apos;absence de réponse priverait la fiche de tout son sens.<br />
On évitera également de rendre obligatoire toute question dont la réponse peut demander une implication trop forte sauf si bien sûr c&apos;est là l&apos;objet du formulaire. Pour illustrer, demander aux gens ce qu&apos;ils vont apporter est acceptable pour l&apos;organisation du goûter de la semaine prochaine, mais risque de décourager quand il s&apos;agit de l&apos;encas de toutes les réunions du CA de l&apos;an prochain (on y est pas encore et ça fait beaucoup).<br />
<br />
<b>Testez, corrigez, recommencez (itérations) –</b> La conception du formulaire (1<sup>re</sup> phase) va avoir un impact sur son comportement aussi bien lors de la saisie des différentes fiches (2<sup>e</sup> phase) que lors de l&apos;affichage de ses résultats (3<sup>e</sup> phase). Vous allez donc probablement découvrir des choses en cours de route et devoir adapter votre formulaire (1<sup>re</sup> phase).<br />
Ce n&apos;est pas grave !<br />
Il sera donc judicieux de procéder à quelques tests de votre page de saisie et de votre page d&apos;affichage des résultats avant de diffuser massivement les liens vers ces pages. Voire de le faire tester à des collègues qui apporteront leur regard neuf.<br />
<br />
<h5>Prendre le contrôle sur son collectif</h5>
<ul>
<li> Enfermez vous tout seul chez vous.</li>
<li> Concevez le formulaire parfait.</li>
<li> Imposez à tous les autres de le remplir.</li>
<li> Obligez les à être heureux en consultant les résultats.</li>
</ul>

<br />
Si vous pensez ne pas être capable de réaliser au moins une des étapes ci-dessus, alors vous êtes face à une excellente occasion de mettre en œuvre de la coopération en co-élaborant votre formulaire.<br />
<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Sur un fichier texte ou sur ton cahier, note :<br />

<ul>
<li> le 1er formulaire auquel tu penses pour ton wiki</li>
<li> à quel besoin répond ce formulaire ? quel problème va-t-il résoudre ?</li>
<li> quelles sont les 3 questions indispensables à ce formulaire</li>
<li> comment vas-tu travailler, soumettre ce formulaire avec tes collègues ? </li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section --></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?LesQuestionsASePoserEnAmont">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?LesQuestionsASePoserEnAmont/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:08:04 +0100</pubDate>
      </item>
      <item>
        <title>Configurer les accès à certaines parties au sein même des pages</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ConfigurerLesAccesACertainesPartiesAuSei]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ConfigurerLesAccesACertainesPartiesAuSei]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Configurer les accès à certaines parties au sein même des pages</h1><div class="include">
<h1>Configurer les accès à certaines parties au sein même des pages</h1>
Il est donc possible de limiter les accés en lecture et/ou écriture aux pages du wiki. <br />
<b>Mais pourrions nous limiter les accès à certaines parties des pages ? </b><br />
<div class="lead">Et oui ! </div><br />
Lorsque l&apos;on construit sa page wiki, on utilise souvent les composants. <br />
La plupart de ces composants proposent dans leurs paramètres avancés, des choix permettant de limiter leur visibilité aux seuls utilisateurs autorisés. <br />
<br />

<ul>
<li> dans la cas d&apos;un bouton (ou d&apos;un onglet), vous pouvez le cacher aux utilisateurs qui n&apos;ont pas reçu les droits d&apos;accès vers la page vers laquelle ce bouton pointe.</li>
<li> dans le cas d&apos;une section, vous pouvez déterminer par qui elle sera "visible"</li>
<li> ...</li>
</ul>

<br />
Ces opérations sont aussi réalisables pour les différents champs d&apos;un formulaire .<br />
<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans une page "bac à sable" de ton wiki :<br />

<ul>
<li> Crée une section qui ne sera visible que d&apos;un certain groupe d&apos;utilisateurices</li>
<li> Crée un bouton qui ne sera visible que d&apos;un certain groupe d&apos;utilisateurices</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section -->

<br />
<span class="label label-secondary-2">CC-by-SA Gatien Bataille et Louise Didier</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ConfigurerLesAccesACertainesPartiesAuSei">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ConfigurerLesAccesACertainesPartiesAuSei/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:07:50 +0100</pubDate>
      </item>
      <item>
        <title>Créer une page</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?CreerUnePage]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?CreerUnePage]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Créer une page</h1><div class="include">
Vous pouvez créer une nouvelle page où que vous soyez dans votre wiki : dans une page classique ou dans le menu.<br />
La méthode la plus simple est de :<br />

<ul>
<li> créer un lien</li>
<li> lors de la création de ce lien, saisir le nom YesWiki de la page que l&apos;on souhaite créer.</li>
</ul>

<br />
<h4>Créer un lien</h4>
<div class="include">
Dans la page en mode édition, cliquez sur le bouton « lien ».<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBoutonLien/upload&file=bouton_lien.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier bouton_lien.png</a>
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span5 col-md-5 "> <!-- start of col -->

Vous serez alors guidé·e dans vos choix avec cette fenêtre : <br />
<br />
Faites vos choix et cliquez sur « Insérer » : la ligne de code s&apos;inscrit toute seule ;-)<br />
<br />
<b>Fenêtre modale :</b> une fenêtre modale est une fenêtre qui vient s&apos;afficher devant la page que vous êtes en train de visualiser (comme une « pop-up ») et que vous devez fermer avant de pouvoir retourner à la visualisation de votre page. Elle est, soit visible, soit fermée, contrairement à d&apos;autres fenêtres qui peuvent être ouvertes et cachées derrière autre chose.<br />

</div> <!-- end of col -->

<div class="span7 col-md-7 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBoutonLien/upload&file=ajouterunliennew.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier ajouterunliennew.png</a>
</div> <!-- end of col -->

</div> <!-- end of grid -->

<!-- start of panel --><div class="panel panel-default" >
      <button class="panel-heading collapsed" id="heading69dd86004ad18" data-toggle="collapse" href="#collapse69dd86004ad1b" aria-expanded="false" aria-controls="collapse69dd86004ad1b">
          <h4 class="panel-title">
           Vous avez envie de voir le code généré ?
          </h4>
      </button>
      
      <div id="collapse69dd86004ad1b" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86004ad18">
        <div class="panel-body">
Voici ce que ça donne quand on regarde le code :<br />
<code>[Aller à la page d&apos;accueil](Accueil)</code> > <a href="https://la-tisseuse.fr/ateliers_yeswiki/?Accueil" data-tag="Accueil" data-method="show" data-tracked="true">Aller à la page d&apos;accueil</a><br />
<code>[Aller sur le site de yeswiki](https://yeswiki.net/?Accueil)</code> > <a href="https://yeswiki.net/?Accueil" track="true">Aller sur le site de yeswiki</a><br />
<code>{{button class="btn-primary" link="mailto:louise@quincaillere.org" nobtn="1" text="Envoyer un mail à Louise" }}</code> > <a href="mailto:louise@quincaillere.org">Envoyer un mail à Louise</a>
		
</div>	
</div>
</div> <!-- end of panel -->

<span class="label label-secondary-1">Remarque importante —</span> Dans le cas où vous choisiriez que le lien s&apos;ouvre dans un nouvel onglet ou dans une fenêtre modale, YesWiki utilisera un bouton pour créer le lien (même si il l&apos;affiche sous la forme d&apos;un lien).</div>

<br />
<h4>Nommer ma nouvelle page</h4>
La seule règle est que le nom de votre page ne comporte : « ni espace ni caractères spéciaux ».<br />
Donc, vous pouvez choisir de l&apos;appeler <i>nomdemapage</i> ou <i>comptesrendusdereunions</i>.<br />
Toutefois, ce sera plus lisible si vous alternez avec des minuscules et majuscules : « NomDeMaPage ». C&apos;est la méthode traditionnelle de nommage des pages dans YesWiki, nous parlions de « ChatMot »).<br />
Et, c&apos;est encore mieux (notamment pour les moteurs de recherches) si vous optez pour les tirets (« nom-de-ma-page ») ou les soulignés (« nom_de_ma_page »).<br />
<br />
Ça donne ça : <br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageCreation/upload&file=page1newb.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier page1newb.png</a>
Quand je clique sur « insérer », ça génère cette ligne de code :<br />
<code>[Cliquez ici pour ouvrir la nouvelle page](nom-de-la-page)</code><br />
Il ne vous reste plus qu&apos;à sauver.<br />
<br />
Quand le lien vient d&apos;être créé mais que la nouvelle page est vide, un petit crayon apparait devant le lien. Il disparaitra quand vous aurez saisi, et enregistré, du contenu dans la nouvelle page.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageCreation/upload&file=page3.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier page3.png</a>
<br />
<h4>Astuces</h4>
<ul>
<li> Une fois votre nouvelle page créée vous pouvez enlever le lien qui y mène sans que la page disparaisse pour autant. Vous pouvez retrouver vos pages au moyen du menu roue crantée en haut à droite, puis en sélectionnant « Tableau de bord ». Cela peut être une bonne manière de cacher des pages.</li>
<li> Une toute autre manière de créer une nouvelle page est d&apos;aller, dans la barre d&apos;adresse de votre navigateur, modifier l&apos;URL. La dernière partie de l&apos;adresse (après « /? ») correspond au nom de la page.</li>
</ul>

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageCreation/upload&file=Capture_dcran_du_20220128_152625.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_dcran_du_20220128_152625.png</a>
<ul>
<li> YesWiki va interpréter tout ChatMot comme une nouvelle page. Si on veut écrire un ChatMot sans créer de nouvelle page (par exemple pour écrire « YesWiki » sans créer de page ni de lien), on l&apos;encadre de doubles guillemets :</li>
</ul>

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocPageCreation/upload&file=creer_nouvelle_page_chat_mot_non_lien.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier creer_nouvelle_page_chat_mot_non_lien.png</a></div>

<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans une page "bac à sable" de ton wiki :<br />

<ul>
<li> Crée une nouvelle page avec ton prénom</li>
<li> Finalise cette création de page en écrivant quelques lignes dans cette nouvelle page</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section -->                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?CreerUnePage">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?CreerUnePage/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:03:43 +0100</pubDate>
      </item>
      <item>
        <title>Gérer les accès des pages non encore existantes</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?GererLesAccesDesPagesNonEncoreExistantes2]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?GererLesAccesDesPagesNonEncoreExistantes2]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Gérer les accès des pages non encore existantes</h1><div class="include">
<h1>Gérer les accès des pages non encore existantes</h1>
<div class="lead">La gestion vue jusque maintenant permet de gérer l&apos;existant mais comment gérer ce qui va s&apos;ajouter au wiki ? </div><br />
<h4>En ce qui concerne les pages</h4>
<ul>
<li> soit en le faisant au fur et à mesure via les méthodes présentées ci-dessus
<ul>
<li> méthode la plus courante (mais franchement pas pratique et fastidieuse)</li>
</ul>
</li>
<li> soit en attribuant des droits par défaut à toutes les nouvelles pages créées
<ul>
<li> Pour ce faire, il faut aller dans la roue crantée/gestion du site/fichier de conf
<ul>
<li> dans l&apos;accordéon "droit d&apos;accès" vous pouvez déterminer quelles seront les accès par défaut des prochaines pages</li>
</ul>
</li>
</ul>
</li>
</ul>

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocGérerDroitsAccesPagesNonEncoreExistantes/upload&file=Droitaccesfichierconf.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Droitaccesfichierconf.png</a>
<br />
<h4>En ce qui concerne les fiches bazar</h4>
Assez souvent, la contribution sur les wikis se passe via des formulaires. <br />
Par défaut ces fiches sont ouvertes en lecture et écriture. <br />
<b>On peut limiter totalement ou partiellemement l&apos;accès aux fiches ou à certaines parties des fiches.</b> <br />
Cela se réalise lors de la construction du formulaire via certains paramètres.<br />
<br />
<u>Pour chaque champ de votre formulaire</u> vous pouvez décider des accès en lecture et écriture afin :<br />

<ul>
<li> de déterminer qui peut remplir ce champ (donc la visibilité de celui-ci en mode "saisie")</li>
<li> de déterminer qui peut voir ce champ une fois la fiche existante</li>
</ul>

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocGérerDroitsAccesPagesNonEncoreExistantes/upload&file=droitchampformulaire.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier droitchampformulaire.png</a>
<br />
Vous pouvez aussi décider d&apos;attribuer "par défaut" des droits particuliers <u>à la fiche entière</u> afin  : <br />

<ul>
<li> qu&apos;elle ne soit visible QUE par tel ou tel groupe d&apos;utilisateurs</li>
<li> qu&apos;elle ne soit modifiable QUE par tel ou tel groupe d&apos;utilisateurs</li>
</ul>

<br />
Cette gestion s&apos;effectue via le champ "configuer les droits d&apos;accès" de votre formulaire<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocGérerDroitsAccesPagesNonEncoreExistantes/upload&file=confidroitaccesformulaire.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier confidroitaccesformulaire.png</a>
<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans ton wiki : <br />

<ul>
<li> modifie les droits d&apos;accès par défaut dans le fichier de configuration</li>
<li> crée une nouvelle page pour vérifier que la nouvelle configuration s&apos;applique bien</li>
<li> modifie les droits sur un champ dans un formulaire</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section -->

<br />
<div class="lead"><a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocConfigurerDroitsAccesCertainesPartiesDePage" data-tag="YWDocConfigurerDroitsAccesCertainesPartiesDePage" data-method="show" data-tracked="true">Savez-vous qu&apos;il est aussi possible de cacher des PARTIES de pages, tout comme on peut cacher des parties de formulaire ? </a></div><br />
<br />
<span class="label label-secondary-2">CC-by-SA Gatien Bataille et Louise Didier</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?GererLesAccesDesPagesNonEncoreExistantes2">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?GererLesAccesDesPagesNonEncoreExistantes2/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:03:19 +0100</pubDate>
      </item>
      <item>
        <title>Gérer les droits d&apos;accès en masse</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?GererLesDroitsDAccesEnMasse2]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?GererLesDroitsDAccesEnMasse2]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Gérer les droits d&apos;accès en masse</h1><div class="include">
<h1>Gérer les droits d&apos;accès en masse</h1>
<h3>Gestion des droits par utilisateur</h3>
La gestion utilisateur par utilisateur est trés fine MAIS présente quelques inconvénients : <br />

<ul>
<li> lorsque vous avez limité l&apos;accès de plusieurs pages à un utilisateur et qu&apos;un nouvel utilisateur doit recevoir les mêmes accès, vous voilà bon à repasser sur chaque page pour y ajouter son nom ;-( </li>
<li> idem dans l&apos;autre sens, si un utilisateur doit "perdre" ses accès</li>
</ul>

<br />
<b>Pour s&apos;affranchir de ces limites, la notion de groupe a été introduite. </b><br />
Un groupe reprend un ou plusieurs utilisateurs wiki. Il se nomme @nomdugroupe.<br />
Un seul groupe existe par défaut sur le wiki @admins et contient par défaut un seul utilisateur à savoir celui qui a créé le wiki.<br />
Ce groupe @admins a TOUS les droits sur TOUTES les pages du wiki. <br />
C&apos;est un groupe "sensible" donc car les utilisateurs qui s&apos;y trouvent ont des pouvoirs importants sur le wiki et notamment des pouvoirs de suppression (de pages, de formulaires bazar, de listes...) avec des effets potentiellement complexes à "rattraper". Il faut donc être vigilant avec les utilisateurs que l&apos;on va placer dans ce groupe.<br />
<br />
<u>Il est possible de créer autant d&apos;autres groupes que souhaité. </u><br />
<b>Ces autres groupes n&apos;ont aucun privilège  sur le wiki</b>. Ils sont simplement un regroupement d&apos;utilisateurs. Ce regroupement, ce groupe (@poule, @coq, @...) pourra être utilisé dans la gestion des droits des pages du wiki comme on le ferait pour un utilisateur (on mettra le nom du groupe plutôt que le nom de l&apos;utilisateur). <br />
Ce faisant, si un utilisateur (membre du groupe @coq) quitte le projet et ne doit plus pouvoir modifier les pages auquels il avait accés en écriture, il ne faut pas repasser sur chaque page concernée mais il suffira de l&apos;enlever du groupe @coq ;-)<br />
<br />
Pour gérer les groupes (et les utilisateurs inclus) cela se passe sur la page "utilisateurs et groupes" accessible via la roue crantée / gestion du site (attention, il faut faire partie des administrateurs du wiki pour pouvoir modifier, créer, supprimer des groupes)<br />
<br />
<u><b>Voici à quoi ressemble la page</b></u><br />

<ul>
<li> pour voir le contenu des groupes : je choisis dans la liste et fait "voir/éditer"</li>
<li> pour créer un nouveau groupe : j&apos;indique son nom et fait "définir"</li>
<li> pour supprimer un groupe (attention) : je choisis et fait "supprimer"</li>
</ul>

<span class="label label-danger">Pour info</span> : en bas de cette page, vous découvrez et gérer (si vous êtes dans le groupe @admins) les utilisateurs connus du wiki.
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocGérerDroitsAccesEnMasse/upload&file=Gerergroupe.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Gerergroupe.png</a>
<br />
<br />
<u><b>Pour ajouter ou retirer un utilisateur d&apos;un groupe</b></u><br />
lorsque j&apos;ai cliqué sur voir/éditer le groupe concerné, il me suffit dans la case qui apparaît d&apos;indiquer (ou de retirer) le nomwiki de l&apos;utilisateur sur une ligne (sans virgule) et d&apos;enregistrer<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocGérerDroitsAccesEnMasse/upload&file=ajoutgroupe.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier ajoutgroupe.png</a>
<br />
<h3>Gestion des droits des pages en masse</h3>
La gestion page par page c&apos;est sympa mais quand on a 150 pages dans son wiki... ça peut vite devenir très long. Heureusement il existe une page permettant de gérer les changements des droits d&apos;accès de plusieurs pages (toutes les pages) en même temps. <br />
<br />
Cette page se nomme "Droits d&apos;accès aux pages" et est accessible via la roue crantée / gestion du site. (attention, il faut faire partie des administrateurs du wiki pour avoir accès à cette page)<br />
<br />
Sur cette page, vous pourrez aussi voir les droits qui sont attribués à chacune des pages du wiki et pourrez cocher les pages qui doivent être modifiées et attribuer en bas les nouveaux droits en utilisant <br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h4>en mode simple</h4>
via les listes déroulantes proposées (droit de lecture, droit d&apos;écriture)<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocGérerDroitsAccesEnMasse/upload&file=modesimple.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier modesimple.png</a>

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h4>en mode avancé</h4>
via les champs classiques (ceux qu&apos;on retrouve quand on édite les droits d&apos;une page seule)<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocGérerDroitsAccesEnMasse/upload&file=modeavance.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier modeavance.png</a>

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans ton wiki :<br />

<ul>
<li> Crée un nouveau groupe</li>
<li> Inscris quelques utilisateurices à ce groupe</li>
<li> Configure quelques pages comme modifiables seulement par ce groupe</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section -->

<br />
<div class="lead"><a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocGererDroitsAccesPagesNonEncoreExistantes" data-tag="YWDocGererDroitsAccesPagesNonEncoreExistantes" data-method="show" data-tracked="true">Et on fait quoi avec les pages qui n&apos;existent pas encore mais vont évidemment apparaître ?</a></div><br />
<br />
<span class="label label-secondary-2">CC-by-SA Gatien Bataille et Louise Didier</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?GererLesDroitsDAccesEnMasse2">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?GererLesDroitsDAccesEnMasse2/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:02:10 +0100</pubDate>
      </item>
      <item>
        <title>Une démarche en trois phases</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?UneDemarcheEnTroisPhases]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?UneDemarcheEnTroisPhases]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Une démarche en trois phases</h1><div class="include">
<h2><i>Bazar</i> – Une démarche en trois phases</h2>
Vous avez décidé d&apos;utiliser un ou des formulaires pour faciliter la contribution.<br />
Quelques éclaircissements s&apos;imposent sur la notion de formulaire.<br />
Un formulaire va vous permettre deux choses :<br />

<ul>
<li> faciliter la <b>saisie</b> en offrant un cadre structuré de collecte d&apos;informations,</li>
<li> <b>visualiser</b> tout ou partie des informations saisies sous une forme qui vous semble pertinente (une carte, un trombinoscope, une liste, etc.).</li>
</ul>

<br />
<h3>Prenons un exemple</h3>
<b>1 –</b> Supposons que je souhaite organiser un goûter et que j&apos;utilise pour ce faire un <b>formulaire</b> dans lequel je demande :<br />

<ul>
<li> le prénom de chaque personne,</li>
<li> si elle apporte une boisson ou un gâteau (soyons fous !),</li>
<li> une description plus détaillée de ce qu&apos;elle apporte.</li>
</ul>

<hr />

<div class="row-fluid row"> <!-- start of grid -->
<div class="span6 col-md-6 "> <!-- start of col -->
<b>2 –</b> Afin de permettre la saisie, je vais mettre à disposition une page sur laquelle je vais afficher le formulaire vide afin que chaque personne puisse y répondre.
<br />
Marguerite, Théo, Barnabé et Manon se rendent sur cette page et remplissent le formulaire. Lorsque chacune de ces personnes se rend sur cette page elle remplit sa <b>fiche</b> qui répond à ce formulaire.
</div> <!-- end of col -->
<div class="span6 col-md-6 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRTroisPhases/upload&file=formulaire_saisie.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_saisie.png</a>
</div> <!-- end of col -->

</div> <!-- end of grid -->

<hr />

<div class="row-fluid row"> <!-- start of grid -->
<div class="span6 col-md-6 "> <!-- start of col -->
<b>3 –</b> Pour que tout le monde puisse voir ce que chacun va apporter, je vais également mettre à disposition une page sur laquelle je vais afficher toutes les <b>fiches</b> de réponses au <b>formulaire</b> sous forme de liste (par exemple).
<br />
Je verrai sur cette page les <b>fiches</b> de Marguerite, Théo, Barnabé et Manon.
</div> <!-- end of col -->
<div class="span6 col-md-6 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRTroisPhases/upload&file=formulaire_resultats.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_resultats.png</a>
</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h3>Un peu de vocabulaire</h3>
Nous appellerons <b>formulaire</b> le jeu de questions posées. Dans notre exemple, ce sont :<br />

<ul>
<li> prénom,</li>
<li> le type de ce que la personne apporte,</li>
<li> des précisions sur ce que la personne apporte.</li>
</ul>

On désignera par <b>fiche</b> une réponse individuelle à un formulaire. Dans notre exemple, il y a quatre fiches qui répondent à ce formulaire.<br />
<br />
<h3>Les trois phases</h3>
Du point de vue de l&apos;utilisateur, seules existent :<br />

<ul>
<li> la page sur laquelle il ou elle pourra saisir sa <b>fiche</b>,</li>
<li> et la page d&apos;affichage sur laquelle on peut consulter les réponses au <b>formulaire</b>.</li>
</ul>

<br />
Mais pour vous qui allez fabriquer le formulaire, les choses sont légèrement différentes.<br />
Vous allez devoir, avant même de fabriquer les pages de <b>saisie</b> des fiches et d&apos;<b>affichage</b> des réponses, <b>concevoir</b> ce formulaire.<br />
<br />
Nous avons donc trois phases :<br />

<ul>
<li> <b>concevoir</b> le formulaire,</li>
<li> mettre à disposition une page pour la <b>saisie</b> des fiches,</li>
<li> mettre en œuvre une page d&apos;<b>affichage</b> des résultats du formulaire.</li>
</ul>

<table class="yeswiki-table prevent-auto-init table table-condensed table-striped">
   <tr >
      <td  align="center"> <b>Vous</b> </td>
      <td  align="center"> <b>L&apos;utilisateur</b> </td>
   </tr>
   <tr >
      <td  align="center"> Concevoir </td>
      <td ></td>
   </tr>
   <tr >
      <td  align="center"> Permettre la saisie </td>
      <td  align="center"> Saisir sa fiche </td>
   </tr>
   <tr >
      <td  align="center"> Afficher les résultats </td>
      <td  align="center"> Consulter les résultats </td>
   </tr>

</table>
<br />
<br />
<h5>1 – Concevoir le formulaire</h5>
Concevoir le formulaire revient à choisir et agencer les différentes questions que vous allez poser.<br />
Si vous partez de zéro, cela peut être une excellente occasion de mettre en œuvre de la coopération en co-élaborant votre formulaire.<br />
<br />
On se place, lors de cette étape, à un niveau générique (le formulaire). On ne sait pas si Marguerite va répondre. En revanche, on sait qu&apos;on veut collecter (et donc demander) le prénom de chacune des personnes qui répond au formulaire.<br />
<br />
Cette phase de <b>conception</b> va avoir un impact sur le comportement du formulaire lors de la <b>saisie</b> des différentes fiches, mais également sur ce qu&apos;il est possible de faire en termes d&apos;<b>affichage</b> du formulaire.<br />
<br />
Lors de la <b>conception</b> vous travaillerez dans la page  <i class="fa fa-briefcase"></i> <i>Formulaires</i> de votre wiki accessible <i>via</i> le menu roue crantée <i class="fa fa-cog"></i> en haut à droite du wiki.<br />
<br />
<h5>2 – Permettre la saisie des fiches</h5>
Pour construire la page de <b>saisie</b> des fiches vous travaillerez dans une page que vous aurez choisie à cet effet.<br />
<br />
<h5>3 – Afficher les résultats du formulaire</h5>
De même pour l&apos;<b>affichage</b> des résultats du formulaire que vous mettrez en œuvre dans une page de votre choix.<br />
<span class="label label-secondary-2">CC-by-SA YesWiki</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?UneDemarcheEnTroisPhases">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?UneDemarcheEnTroisPhases/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 11:00:10 +0100</pubDate>
      </item>
      <item>
        <title>Personnaliser l&apos;apparence</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?PersonnaliserLApparence]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?PersonnaliserLApparence]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Le thème graphique Margot</h1><div class="include">
<h1>Personnaliser l&apos;apparence</h1>
<br />
Pour définir le style graphique de votre wiki, vous pouvez jouer sur les couleurs, les polices et les illustrations.<br />
<br />
<h2>Thème graphique Margot</h2>
Le thème Margot est le thème standard livré avec la dernière version de <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YesWiki" class=&apos;&apos; data-tag="YesWiki" data-method="show" data-tracked="true">YesWiki</a>.<br />
Plusieurs variantes sont disponibles en modifiant le squelette, le style et la configuration graphique. A vous de trouver la bonne combinaison. La page <a href="https://la-tisseuse.fr/ateliers_yeswiki/?LookWiki" class=&apos;&apos; data-tag="LookWiki" data-method="show" data-tracked="true">LookWiki</a> vous permet de changer le style très facilement : accessible depuis le menu <b>Gestion du site / onglet Look </b><br />
<br />
<h3>Squelette : choisir la disposition du site</h3>
Il propose plusieurs squelettes qui permettent de jouer sur la position du menu :<br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span4 col-md-4 "> <!-- start of col -->

<h5>Modèle classique avec barre de menu horizontale</h5>
Choisir le squelette : 1-col<br />
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocLookWiki/upload&file=Capture_dcran_classique.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_dcran_classique.png</a>

</div> <!-- end of col -->

<div class="span4 col-md-4 "> <!-- start of col -->

<h5>Barre de menu verticale</h5>
<br />
Choisir le squelette : 1-col-verticalmenu<br />
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocLookWiki/upload&file=Capture_dcran_vertical.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_dcran_vertical.png</a>

</div> <!-- end of col -->

<div class="span4 col-md-4 "> <!-- start of col -->

<h5>Avec une side bar</h5>
<br />
Choisir le squelette : 2-cols-left ou 2 cols-right<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocLookWiki/upload&file=Capture_dcran_2colsright.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_dcran_2colsright.png</a>

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
<h3>Style</h3>
<div class="row-fluid row"> <!-- start of grid -->

<div class="span4 col-md-4 "> <!-- start of col -->

<h5>Margot</h5>
Avec le style margot.css la couleur primaire s&apos;appliquera à la barre de menu et à vos liens hypertextes.<br />

</div> <!-- end of col -->

<div class="span4 col-md-4 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocLookWiki/upload&file=Capture_dcran_hackathon.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_dcran_hackathon.png</a>
<h5>Margot-fun</h5>
Un style graphique moins conventionnel avec une position du menu sous le bandeau header et une forme<br />

</div> <!-- end of col -->

<div class="span4 col-md-4 "> <!-- start of col -->

<br />
<h5>Margot light</h5>
Avec le style light.css la barre de menu sera blanche et seuls vos titres et les boutons "primaire" auront la couleur primaire<br />

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
<br />
<h3>Configuration graphique : la palette de couleurs</h3>
<br />
1 .Vous pouvez choisir 3 couleurs principales pour votre site :<br />
- <b>la couleur primaire</b> sera visible sur la barre de menu, les liens et les menus de niveau 1 et 2<br />
<br />
- <b>la couleur secondaire 1</b> sera utilisable pour les sections, boutons, les accordéons. Elle sera utilisée aussi en mode édition pour mettre en évidence certains paramètres dans le code des actions yeswiki, veillez à prendre une couleur suffisamment lisible (éviter le pastel pour la couleur secondaire 1) <br />
<br />
- <b>la couleur secondaire 2</b> sera utilisable pour les sections, les boutons, les accordéons<br />
<br />
2 . Choisissez la police pour vos titres et pour vos textes.<br />
<br />
3. Nommez votre configuration graphique et enregistrez la.<br />
<br />
<br />
4. Vous pouvez maintenant l&apos;appliquer sur tout le site : soit directement sur la page <a href="https://la-tisseuse.fr/ateliers_yeswiki/?LookWiki" class=&apos;&apos; data-tag="LookWiki" data-method="show" data-tracked="true">LookWiki</a> , soit en passant par la page Gestion du site / onglet Thème, en bas de la page vous pouvez définir le style par défaut pour votre site.<br />
<br />
<h5>Pour vous aider à choisir votre palette de couleurs</h5>
Générateur de palette de couleurs et outil de test de contraste : <a href="https://coolors.co/">https://coolors.co/</a><br />
<br />
UI colors permet de générer des palettes sobres avec une seule couleur et des variantes de teinte : <a href="https://uicolors.app/create">https://uicolors.app/create</a><br />
<br />
Ou si vous n&apos;avez pas la moindre idée, laissez-faire le hazard : <a href="https://randoma11y.com/">https://randoma11y.com/</a><br />
<br />
<br />
<br />
<br />
<h3>Choisir des polices</h3>
<br />
Si vous ne possédez pas de charte graphique, voici un site sur lequel vous pouvez prendre des exemples de combinaisons de police : <a href="https://typespiration.com/">https://typespiration.com/</a><br />
<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
<ul>
<li> Recherche les codes couleurs de ta charte ou choisis des couleurs dans une palette. Puis fais des essais de personnalisation du thème avec ces couleurs.</li>
<li> Remplace le favicon de ton wiki par le logo de ton projet ou une image pertinente</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>

</div>
</section> <!-- end of section --></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?PersonnaliserLApparence">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?PersonnaliserLApparence/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 10:33:48 +0100</pubDate>
      </item>
      <item>
        <title>Importer/exporter des formulaires d&apos;un wiki à un autre</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ImporterExporterDesFormulairesDUnWikiAU]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ImporterExporterDesFormulairesDUnWikiAU]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Importer/exporter des formulaires d&apos;un wiki à un autre</h1><div class="include">
<h2>Importer/exporter des formulaires d&apos;un wiki à un autre</h2>
Un formulaire peut donner lieu à deux types d&apos;imports et exports.<br />

<ul>
<li> L&apos;import/export du formulaire lui même ("les questions").</li>
<li> L&apos;import/export des données d&apos;un formulaire ("les réponses").</li>
</ul>

<br />
<h3>Importer un formulaire d&apos;un autre yeswiki</h3>
Un formulaire sur un autre wiki vous inspire ? Vous pouvez récupérer sa trame pour ne pas repartir de zéro ou le copier « à la main ». <br />
Dans l&apos;onglet "formulaires" en dessous du tableau des formulaires, se trouve un cartouche "Importer les formulaires d&apos;un autre yeswiki". Renseignez-y simplement l&apos;URL du wiki « modèle » dans la case prévue à cet effet. Tous les formulaires de ce wiki vont apparaitre et vous pourrez cocher ceux qui vous intéressent.<br />
<span class="label label-danger">
Attention ! </span> 
<ul>
<li> Les questions qui ont été protégées par des droits restrictifs (accès réservé aux admins par exemple) ne seront pas importées.</li>
<li> Il est nécéssaire que les deux wiki soient sur la même version et qu&apos;elle soit supérieur à Doryphore 4.5.</li>
</ul>

<br />
<span class="label label-primary">
Astuces </span> 
<ul>
<li> Il est possible de faire de même avec les listes</li>
<li> Voici quelques modèles utiles sur <a href="https://yeswiki.net/serveur">https://yeswiki.net/serveur</a></li>
</ul>

<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRInterWikis/upload&file=bazarimportformulaire.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier bazarimportformulaire.png</a>
<br />
<h3>Importer/exporter des données</h3>
<div class="row-fluid row"> <!-- start of grid -->
<div class="span6 col-md-6 "> <!-- start of col -->

<h4>L&apos;onglet "exporter" dans Bazar</h4>
Permet de télécharger le contenu d&apos;une base de données au format CSV (format tableur qui sera reconnu par Excel par exemple).<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRInterWikis/upload&file=bazarexporter.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier bazarexporter.png</a>

</div> <!-- end of col -->
 <div class="span6 col-md-6 "> <!-- start of col -->

<h4>L&apos;onglet "importer" dans Bazar</h4>
Permet d&apos;incrémenter une base de données à partir d&apos;un fichier. <br />
<br />
<span class="label label-danger">
Attention !</span> La base de données et le fichier d&apos;import doivent être structurés exactement de la même manière. Afin de bien préparer son fichier d&apos;import, après sélection d&apos;un formulaire, yeswiki propose de télécharger un exemple de fichier ".csv". Il est plus facile de construire son tableur en partant de cet exemple.
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRInterWikis/upload&file=bazarimporter.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier bazarimporter.png</a>

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
<h3>Afficher les bases de données d&apos;autres wikis</h3>
Les donnés Bazar d&apos;un autre wiki sont intéressantes à afficher voire compiler sur le votre ? Pas de problème ! <br />
<br />
Il est possible d&apos;afficher sur une page d&apos;un wiki A les données d&apos;un wiki B. Pour cela on utilise par exemple le code :<br />
<div class="code">
<pre>
{{bazarliste id="https://formations.yeswiki.net|1"}}
</pre>
</div>
 <br />
Celui-ci va afficher les fiches du formulaire 1 du wiki <a href="https://formations.yeswiki.net">https://formations.yeswiki.net</a> (vos cher·es formateurices YesWiki ;-))<br />
<br />
Il est possible de cumuler les sources en ajoutant des virgules :<br />
par exemple :<br />
<div class="code">
<pre>
{{bazarliste id="1, https://formations.yeswiki.net|1, https://formations.yeswiki.net|2"}}
</pre>
</div>
 <br />
va afficher le formulaire n° 1 de votre wiki, ainsi que les n° 1 et 2 du wiki <a href="https://formations.yeswiki.net">https://formations.yeswiki.net</a><br />
<br />
<span class="label label-primary">
Info !</span>
Le contenu s&apos;affichera avec le thème graphique du wiki récepteur : le look du wiki d&apos;origine n&apos;est pas récupéré.</div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ImporterExporterDesFormulairesDUnWikiAU">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ImporterExporterDesFormulairesDUnWikiAU/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 10:17:27 +0100</pubDate>
      </item>
      <item>
        <title>Afficher les données</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?AfficherLesDonnees]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?AfficherLesDonnees]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Afficher les données</h1><div class="include">
<h2><i>Bazar</i> – Afficher les résultats</h2>
Vous avez créé votre formulaire, permis la saisie des fiches. Nous allons maintenant afficher les résultats.<br />
<h3>Remarques préliminaires</h3>
<h5>Pas de fiches, pas d&apos;affichage</h5>
<i>Bazar</i> offre plusieurs manières de présenter les résultats. Mais, dans la plupart des cas, s&apos;il n&apos;y a pas de résultats (pas de fiches), vous ne verrez rien. Donc pour s&apos;assurer que tout fonctionne comme vous le souhaitez, il est toujours préférable de saisir quelques fiches.<br />
<h5>Cartographie</h5>
Pour afficher les résultats sous la forme d&apos;une carte, il est impératif que vous ayez un champ de type « <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampGeo" data-tag="YWDocBazarChampGeo" data-method="show" data-tracked="true">géolocalisation de l&apos;adresse</a> ». Les coordonnées géographiques sont en effet indispensables.<br />
<h5>Calendrier et agenda</h5>
De même, pas de calendrier ni d&apos;agenda sans champ de type date.<br />
<h5>Image</h5>
Quant à tous les affichages qui nécessitent une image (trombinoscope ...), il faut évidemment que le champs correspondant existe.<br />
<h5>Facettes</h5>
Vous ne pourrez mettre en œuvre des <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesFacette" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble une facette"><i class="far fa-eye"></i> facettes</a> dans votre affichage que si votre formulaire utilise au moins une liste (champs de type « sélectionner », « groupe de cases à cocher » ou « groupe de boutons radio »).
<h3>Comment faire</h3>
<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<b>1 –</b>Vous pouvez afficher les résultats sur toute page où cela vous semble cohérent. Donc, vous vous rendez sur la page et à l&apos;endroit où vous voulez que vos résultats soient affichés.
</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarAffichage/upload&file=formulaire_affichage_composant.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_affichage_composant.png</a><b>2 –</b> Cliquez sur le bouton « Composants », puis sur « Afficher les données d&apos;un formulaire ».
</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarAffichage/upload&file=formulaire_affichage_dialog.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_affichage_dialog.png</a><b>3 –</b> Dans la boîte de dialogue qui s&apos;ouvre, cliquez sur la zone intitulée « Choisissez un formulaire ».
<br />
<b>4 – Choix du formulaire –</b> Dans la liste de formulaires qui s&apos;affiche, choisissez celui dont vous souhaitez afficher les résultats.<br />
<b>5 – Choix du type d&apos;affichage –</b> Puis, cliquez sur la zone intitulée « Sous quelle forme voulez-vous afficher les données ? ».<br />
<b>6 –</b> Dans la liste qui s&apos;affiche, choisissez le type d&apos;affichage que vous souhaitez (cf. « Remarques préliminaires »).<br />
<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarAffichage/upload&file=formulaire_affichage_choix_fait.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_affichage_choix_fait.png</a>Une visualisation des résultats du formulaire s&apos;affiche en partie dans la boîte de dialogue. En dessous de cette vue, se trouve une section dans laquelle vous trouverez toutes sortes de merveilles. Nous allons en développer deux.
<br />
<br />
<b>Ajout d&apos;une facette (optionnel)</b><br />
<b>7 –</b> Cliquez sur le bouton « Ajouter une facette », vous ferez apparaître deux zones de saisie. Cliquez sur la flèche verticale qui se trouve à gauche de ces zones de saisie.<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarAffichage/upload&file=formulaire_affichagechoix_facette.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_affichagechoix_facette.png</a><b>8 –</b> Choisissez le champ sur lequel vous voulez que la facette fonctionne.

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<b>9 –</b> La prévisualisation de l&apos;affichage se modifie en conséquence dans la boîte de dialogue.

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->

<b>Modifier l&apos;ordre d&apos;affichage des fiches (optionnel)</b><br />
<b>10 –</b> Par défaut, <i>Bazar</i> montre les fiches dans l&apos;ordre alphabétique croissant de leur titre. Vous pouvez modifier ce comportement.<br />
Dans la colonne la plus à droite de cette section, cliquez sur le champ « Champ pour le tri ».<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<b>11 –</b> Choisissez le champ sur lequel vous voulez trier l&apos;affichage de vos fiches.

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<b>12 –</b> En dessous de ce champ, cliquez sur le champ « Ordre de classement ».

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<b>13 –</b> Choisissez l&apos;ordre de tri que vous souhaitez (croissant ou décroissant).

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarAffichage/upload&file=formulaire_affichage_action.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_affichage_action.png</a><b>14 – Insertion dans la page –</b> Cliquez sur le bouton insérer dans la page. Cela donne quelque chose comme ceci.

</div> <!-- end of col -->

</div> <!-- end of grid -->

<div class="row-fluid row"> <!-- start of grid -->
<div class="span12 col-md-12 "> <!-- start of col -->
<b>15 –</b> Enregistrer votre page.

</div> <!-- end of col -->

</div> <!-- end of grid -->

Et voilà !<br />
<span class="label label-secondary-2">CC-by-SA YesWiki</span></div>

<br />
<div class="include">
<h2><i>Bazar</i> – Afficher uniquement certains résultats grâce aux requêtes "query"</h2>
<br />
Vous savez afficher l&apos;ensemble des fiches d&apos;un formulaire, mais dans certains cas, il peut être utile de <b>n&apos;afficher que certaines fiches</b>. <br />
<ul class="fake-ul">
<li></li>
<li>Par exemple :
<ul>
<li> pour un trombinoscope afficher uniquement les fiches des personnes ayant autorisé l&apos;affichage de leur fiche profil</li>
<li> pour une page projet, ne voir que les personnes, les réunions ou les ressources liées à ce projet</li>
</ul>
</li>
</ul>

<br />
<h4>Préalable</h4>
<br />
En premier lieu il est nécessaire de définir quelle valeur de quel champs va permettre le tri des fiches à afficher. <br />
Puis, si ce n&apos;est déjà fait, de créer dans le formulaire le champs et la liste ou le formulaire bazar associé, en conséquence.<br />
<ul class="fake-ul">
<li></li>
</ul>

Par exemple :<br />

<ul>
<li> Dans un formulaire "Annuaire", créer un champs de type "bouton radio" avec l&apos;intitulé "j&apos;autorise l&apos;affichage de mon profil sur le trombi" et une liste avec deux valeurs : "oui"  ou "non"</li>
<li> Dans un formulaire "Agenda", créer un champs de type "case à cocher" avec l&apos;intitulé "projets concernés" et une liste avec des valeurs de type : "super projet 1" "projet génial 2" "projet relou 3"...</li>
</ul>

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarEnumerations" class="btn-secondary-1 modalbox pull-right btn" data-size="modal-lg"><i class="fas fa-book"></i> Voir comment créer des listes et les utiliser dans un formulaire</a>.
<br />
<br />
<h4>Ajout de la requête dans votre affichage bazar</h4>
<br />
- <b>1</b> :  Mettez vous en mode édition, sur la ligne de code d&apos;affichage de votre formulaire<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarQuery/upload&file=Capture_dcran_du_20250212_143704.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_dcran_du_20250212_143704.png</a>
<br />
- <b>2</b> : Ajoutez dans le code, en mode édition, la "query" en fonction de ce que vous souhaitez <br />
<br />
Trier les fiches en fonction d&apos;une valeur : <b>query="bf_champs=clé"</b><br />
<br />
- bf_champs est l&apos;identifiant du champs concerné. Il est défini par défaut lorsque vous choisissez le type de champs. Ex: bf_checkboxes mais vous pouvez le personnaliser lors de la création de votre formulaire.<br />
- clé est la clé de la valeur de votre liste. <br />
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarQuery/upload&file=Capture_dcran_du_20250212_155347.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_dcran_du_20250212_155347.png</a>
<br />
Autres possibilités :<br />

<ul>
<li> trier sur la base de valeurs différentes : <b>query="bf_champs!=clé"</b> permet de garder uniquement les valeurs différentes de "clé"</li>
<li> trier avec plusieurs valeurs de la même liste en ajoutant une virgule sans espace entre les clés :  <b>query="nom_du_champs=clé1,clévaleur2"</b></li>
<li> trier sur la base de valeurs de deux listes différentes : <b>query="nom_du_champs1=clé|nom_du_champs2=clé"</b></li>
<li> trier sur la base d&apos;un contenu vide : <b>query="bf_champs="</b> Permet de ne garder que les fiches dont le champ bf_champs est vide</li>
<li> trier sur la base de contenu non vide : <b>query="bf_champs!="</b> Permet de ne garder que les fiches dont le champ bf_champs n&apos;est pas vide</li>
<li> trier sur base du contenu d&apos;un champ (bf_...) 
<ul>
<li> <b>query="bf_champs=a."</b> Affiche tous les titres commençant par a) </li>
<li> <b>query="bf_champs=.a"</b> (affiche tous les titres finissant par a) </li>
<li> <b>query="bf_titre=NomYeswiki</b> (affiche la fiche dont le champ titre est NomYeswiki) </li>
<li> <b>query="bf_champs=."</b> (affiche toutes les fiches dont le champ "bf_titre" est vierge)</li>
</ul>
</li>
<li> trier sur base d&apos;une liste dynamique de type "checkboxfiche"  <b>query="checkboxfiche<numeroduformulaireappelé>=PageFiche</b></li>
<li>Exemple : {{bazarliste id="2" query="checkboxfiche2=TesT"}}</li>
</ul></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?AfficherLesDonnees">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?AfficherLesDonnees/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 10:14:31 +0100</pubDate>
      </item>
      <item>
        <title>Structure du site</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?StructureDuSite]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?StructureDuSite]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Structure du site</h1><div class="include">
<h1>La structure de YesWiki</h1>
 <!-- start of accordion -->
        <div class="panel-group  " role="tablist" aria-multiselectable="true" id="accordion_69dd860065cc1" >
<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading" id="heading69dd860065d4a" data-toggle="collapse" data-parent="#accordion_69dd860065cc1" href="#collapse69dd860065d4b" aria-expanded="true" aria-controls="collapse69dd860065d4b">
          <h4 class="panel-title">
           La composition d&apos;une page
          </h4>
      </button>
      
      <div id="collapse69dd860065d4b" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading69dd860065d4a">
        <div class="panel-body">
<div class="row-fluid row"> <!-- start of grid -->

<div class="span4 col-md-4 "> <!-- start of col -->

<h3>Par défaut une page wiki contient :</h3>
<ul>
<li> une <b>Page Titre</b> : c&apos;est le nom du wiki</li>
<li> une <b>Page Menu Haut</b> : on peut y ajouter des liens vers les pages du wiki (menu et sous-menu) </li>
<li> une <b>Page Rapide Haut</b> : il s&apos;agit des pages d&apos;administration du wiki, la roue crantée en haut à droite</li>
<li> une <b>Page Header</b> : c&apos;est une partie utile pour écrire le titre donné au wiki, ajouter une description, un logo... Cette partie est désactivée par défaut à partir de la version doryphore 4.5. Pour la réactiver, il est possible de suivre les instructions lisibles en mode édition de la page header.</li>
<li> une <b>Page Footer</b> : autrement dit un pied de page, où se trouvent diverses informations au sujet due wiki</li>
</ul>

<br />

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocStructureWiki/upload&file=GererSite_composition_dune_page.jpg" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier GererSite_composition_dune_page.jpg</a>

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
<h3>Il y a deux manières d&apos;accéder à une page menu pour la modifier :</h3>
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h4>Par la roue crantée</h4>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocStructureWiki/upload&file=GereSite_modif_menu_roue.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier GereSite_modif_menu_roue.png</a>
Dans la page Gestion du site, on retrouve les liens vers toutes les pages citées ci-dessus.<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h4>Par l&apos;url</h4>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocStructureWiki/upload&file=GereSite_modif_menu_url.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier GereSite_modif_menu_url.png</a>
Pour les menus par défaut ces url sont : <br />

<ul>
<li> https://www.urldusite.ext/PageTitre</li>
<li> https://www.urldusite.ext/PageMenuHaut</li>
<li> https://www.urldusite.ext/PageRapideHaut</li>
<li> https://www.urldusite.ext/PageHeader</li>
<li> https://www.urldusite.ext/PageFooter</li>
</ul>

<br />

</div> <!-- end of col -->


</div> <!-- end of grid -->

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860066a08" data-toggle="collapse" data-parent="#accordion_69dd860065cc1" href="#collapse69dd860066a0a" aria-expanded="false" aria-controls="collapse69dd860066a0a">
          <h4 class="panel-title">
           Zoom sur le menu du haut
          </h4>
      </button>
      
      <div id="collapse69dd860066a0a" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860066a08">
        <div class="panel-body">
<div class="row-fluid row"> <!-- start of grid -->

<h2>Pour créer ou modifier un menu...</h2>
<div class="span6 col-md-6 "> <!-- start of col -->

<h4>... il faut savoir créer des liens <a href="https://formations.yeswiki.net/?CreerUnePage&course=PremiersPasDansYeswiki&module=StructureDesPagesEtDesMenus" track="true">(voir la doc)</a>...</h4>
Les titres de menu coorrespondent à des liens menant à des pages, qu&apos;elles soient déjà créées ou non.<br />
Si une page n&apos;existe pas : un petit crayon s&apos;affichera à côté de son nom. On pourra créer la page en cliquant sur ce nom.<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h4>...et des listes à puces <a href="https://formations.yeswiki.net/?EditeurDePage&course=PremiersPasDansYeswiki&module=StructureDesPagesEtDesMenus" track="true">(voir la doc)</a></h4>
Une page menu est organisée comme une liste de puces. Un niveau de menu correspond au retrait de la puce, soit un ou plusieurs espaces placés en début de ligne :<br />

<ul>
<li> un seul espace avant le tiret créera un titre de premier niveau (toujours apparent dans le menu). Ici la page "Menu exemple".</li>
<li> deux espaces avant le tiret créera un titre de deuxième niveau (apparent après avoir cliqué sur le titre de premier niveau). Ici les pages "Exemple annuaire", "Exemple agenda"...</li>
</ul>

<br />
N&apos;hésitez pas à vous inspirer du code du menu déjà en place. Un wiki récemment installé a quelques éléments de menu justement pour vous montrer comment ça marche ;-)<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->
 
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocStructureWiki/upload&file=edit_menu_yeswiki_45.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier edit_menu_yeswiki_45.png</a>
<br />
		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860067341" data-toggle="collapse" data-parent="#accordion_69dd860065cc1" href="#collapse69dd860067343" aria-expanded="false" aria-controls="collapse69dd860067343">
          <h4 class="panel-title">
           Visite guidée du menu rapide
          </h4>
      </button>
      
      <div id="collapse69dd860067343" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860067341">
        <div class="panel-body">
<br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h3>Se connecter</h3>
Le bouton munis d&apos;un pyctogramme "personne" sert à s&apos;identifier ou à se créer un compte ("s&apos;inscrire") :<br />
<br />
Nous explorerons les détails de cette fonctionnalités dans <a href="https://la-tisseuse.fr/ateliers_yeswiki/?GestionDesDroitsEtDesUtilisateurs/edit&course=PremiersPasDansYeswiki&newpage=1&theme=margot&squelette=1col.tpl.html&style=light.css" data-missing-tag="true" data-tag="GestionDesDroitsEtDesUtilisateurs" data-method="edit" data-tracked="true">le module qui traite de la gestion des droits</a>.<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocStructureWiki/upload&file=seconnecter.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier seconnecter.png</a>

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
<h3>Roue crantée</h3>
<div class="row-fluid row"> <!-- start of grid -->

<div class="span4 col-md-4 "> <!-- start of col -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocStructureWiki/upload&file=Capture_dcran_du_20250130_120500.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Capture_dcran_du_20250130_120500.png</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->

Cliquer sur la roue crantée en haut à droite donne accès à un certain nombre d&apos;espaces dédiés à l&apos;administration du wiki :<br />
La roue crantée peut être personnalisée sur PageRapideHaut. <br />

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
<h4>Tableau de bord</h4>
Dans le tablau de bord vous pouvez voir :<br />

<ul>
<li> les derniers comptes utilisateurs créés</li>
<li> les dernières pages modifiées </li>
<li> la liste exhaustive des pages du wiki</li>
</ul>

C&apos;est le tableau de bord configuré par défaut mais vous pouvez le personnaliser.<br />
<br />
<h4>Documentation</h4>
Vous avez là une intégration des pages d&apos;aide du site yeswiki.net<br />
<br />
<h4>Gestion du site</h4>
Cette page gestion du site est très importante. Elle donne accès à de nombreuses fonctionnalités d&apos;administration : <br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocStructureWiki/upload&file=gestiondusite.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier gestiondusite.png</a>
<br />
<div class="row-fluid row"> <!-- start of grid -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h5>Accueil de gestion du site</h5>
Vous avez là un récap des menus et pages spéciales du wiki. <br />
<h5>Droits d&apos;accès</h5>
C&apos;est ici que vous pouvez indiquer qui a le droit de faire quoi sur quelle page.<br />
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.<br />
Nous explorerons les détails de cette fonctionnalités dans <a href="https://la-tisseuse.fr/ateliers_yeswiki/?GestionDesDroitsEtDesUtilisateurs/edit&course=PremiersPasDansYeswiki&newpage=1&theme=margot&squelette=1col.tpl.html&style=light.css" data-missing-tag="true" data-tag="GestionDesDroitsEtDesUtilisateurs" data-method="edit" data-tracked="true">le module qui traite de la gestion des droits</a>.<br />
<h5>Look</h5>
C&apos;est par là que vous personnalisez le squelette et l&apos;esthétique de votre wiki.<br />
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.<br />
Nous explorerons les détails de cette fonctionnalités dans <a href="https://la-tisseuse.fr/ateliers_yeswiki/?PersonnaliserLApparence&course=PremiersPasDansYeswiki&module=PersonnalisationGraphique" data-tag="PersonnaliserLApparence" data-method="show" data-tracked="true">le module qui traite de la personnalisation graphique</a><br />
<h5>Utilisateurs et groupes</h5>
Ici vous visualisez les comptes utilisateurs créés et vous pouvez les organiser en "groupes".<br />
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.<br />
Nous explorerons les détails de cette fonctionnalités dans <a href="https://la-tisseuse.fr/ateliers_yeswiki/?GestionDesDroitsEtDesUtilisateurs/edit&course=PremiersPasDansYeswiki&newpage=1&theme=margot&squelette=1col.tpl.html&style=light.css" data-missing-tag="true" data-tag="GestionDesDroitsEtDesUtilisateurs" data-method="edit" data-tracked="true">le module qui traite de la gestion des droits</a>.<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->

<h5>Mots clés</h5>
Si vous avez utilisé des mots clés pour qualifier vos pages wiki vous en trouvez un récap ici.<br />
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.<br />
<h5>Fichier de conf</h5>
Certains éléments de configuration peuvent être personnalisés ici : accès par défaut, sécurité, indexation ...<br />
Il faut être identifié comme administrateur pour visionner et modifier les informations de cet espace.<br />
Nous les explorerons au fil des modules.<br />
<h5>Mises à jour / extensions</h5>
Vous pouvez voir ici la version du wiki et s&apos;il s&apos;agit de la toute dernière. <br />
Si vous êtes identifié comme administrateur vous pouvez faire les mises à jour.<br />

</div> <!-- end of col -->


</div> <!-- end of grid -->

<br />
<h4>Mes contenues</h4>
C&apos;est ici que l&apos;on peut retrouver la liste des contenues que l&apos;on a créé ou édités.<br />
<br />
<h4>Formulaires</h4>
C&apos;est ici que l&apos;on configure Bazar : Bazar est une extension importante de Yeswiki qui lui ajoute des fonctionnalités de création et de gestion de bases de données (formulaires).<br />
Nous verrons ça en détails dans <a href="https://la-tisseuse.fr/ateliers_yeswiki/?FormulairesEtGestionDeDonnees/edit&course=PremiersPasDansYeswiki&newpage=1&theme=margot&squelette=1col.tpl.html&style=light.css" data-missing-tag="true" data-tag="FormulairesEtGestionDeDonnees" data-method="edit" data-tracked="true">le module qui traite des formulaires</a>.<br />
Il faut être identifié comme administrateur pour créer ou modifier un formulaire Bazar.<br />
<br />
<br />
		
</div>	
</div>
</div> <!-- end of panel -->


</div> <!-- end of accordion -->

<span class="label label-secondary-2">CC-by-SA Frédérique Dumont et Louise Didier</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?StructureDuSite">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?StructureDuSite/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 10:14:15 +0100</pubDate>
      </item>
      <item>
        <title>Lutter contre les spams en gérant les droits d&apos;accès</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?LutterContreLesSpamsEnGerantLesDroitsD]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?LutterContreLesSpamsEnGerantLesDroitsD]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Lutter contre les spams en gérant les droits d&apos;accès</h1><div class="include">
<h1>Lutter contre les spams en gérant les droits d&apos;accès</h1>
<h2>En cas de vagues de spams</h2>
Hélas comme la plupart des wikis ouverts (MediaWiki, DokuWiki), YesWiki n&apos;échappe pas aux attaques de quelques <span class="del">emmerdeurs</span> référenceurs soit-disant professionnels et autres robots de spam, qui polluent les contenus des pages.<br />
<br />
<div class="well"><h4>Les 10 commandements du lutteur anti spam</h4>
<b>1</b>. Je consulte régulièrement mon wiki<br />
<b>2</b>. Je m&apos;abonne à son flux RSS <br />
<b>3</b>. Je consulte la page TableauDeBordDeCeWiki de mon wiki (accessible depuis la "roue crantée")<br />
<b>4</b>. Je vérifie les dernières pages modifiées dans le TableauDeBordDeCeWiki ou sur la page DerniersChangements<br />
<b>5</b>. Je vérifie les derniers comptes crées sur la page TableauDeBordDeCeWiki. (Action {{Listusers last="20"}} )<br />
<b>6</b>. J&apos;édite les pages en question et je supprime les parties indésirables, puis je sauve. (Cela prend moins d&apos;une minute)<br />
<b>7</b>. Je protège l&apos;accès en écriture des pages non collectives (<a href="https://la-tisseuse.fr/ateliers_yeswiki/?PageRapideHaut" class=&apos;&apos; data-tag="PageRapideHaut" data-method="show" data-tracked="true">PageRapideHaut</a>, <a href="https://la-tisseuse.fr/ateliers_yeswiki/?PageHeader" class=&apos;&apos; data-tag="PageHeader" data-method="show" data-tracked="true">PageHeader</a>, <a href="https://la-tisseuse.fr/ateliers_yeswiki/?PageFooter" class=&apos;&apos; data-tag="PageFooter" data-method="show" data-tracked="true">PageFooter</a>, etc.) <br />
<b>7bis</b> Je ferme temporairement l&apos;entiereté du wiki en écriture<br />
<b>8</b>. Je mets à jour mon <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YesWiki" class=&apos;&apos; data-tag="YesWiki" data-method="show" data-tracked="true">YesWiki</a> quand une nouvelle version sort.<br />
<b>9</b>. Pour les plus endurcis, je fais le grand ménage avec l&apos;outil despam (voir plus bas)<br />
<b>10</b>. Je ne cède pas à la tentation de transformer mon espace collaboratif en bunker. Et je continue à mettre en balance les effets positifs de l&apos;intelligence collective.<br />
 </div><br />
<h2>Les symptômes : comment identifier les spams ?</h2>
<ul>
<li> Vous pouvez découvrir sur une ou plusieurs pages des liens vers des sites externes qui semblent sans rapport avec l&apos;objet du wiki <i>(qui vendent des robes de mariée, des sites indonésien sans rapport, des liens commerciaux vers la loi duflot, des textes en langue étrangère etc..)</i></li>
<li> Il se peut aussi que de nouvelles pages soit créées, et dans certains cas de nouveaux utilisateurs wikis.</li>
</ul>

Dans tous les cas, il sera toujours possible de faire marche arrière, et les informations sensibles d&apos;accès ftp ou mysql à votre serveur ne peuvent pas être trouvés comme cela.<br />
<br />
<h2>Fermer l&apos;accès au wiki à certaines adresses IP</h2>
Souvent les vagues de spam proviennent d&apos;une région spécifique et on peut s&apos;en préserver via une fermeture des accès aux wikis à ces adresses IP spécifiques (les IP sont spécifiques des régions/pays)<br />
<br />
Vous pourrez régler ces détails dans la roue crantée/ gestion du site/ fichier de conf/ blocage d&apos;adresse IP<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocLutterContreSpamsEnGerantDroitsAcces/upload&file=confblocageip.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier confblocageip.png</a>
<br />
Il faudra au préalable que vous ayez installé l&apos;extension IP block via roue crantée/gestion du site/mise à jour et extensions<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocLutterContreSpamsEnGerantDroitsAcces/upload&file=extensionipblock.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier extensionipblock.png</a>
<br />
<h3>Pour supprimer de nombreuses pages rapidement</h3>
Pour supprimer des pages il faut être connecté-e qu&apos;admin. Il y a ensuite 2 méthodes :<br />

<ul>
<li> coller ceci à la fin de l&apos;url des pages à supprimer : /deletepage&confirme=oui</li>
</ul>

Attention, ce "raccourci" supprime définitivement la page sans message de confirmation, ne vous trompez donc pas !<br />

<ul>
<li> installer l&apos;extension Maintenance, puis créer une page où vous mettez l&apos;action {{multideletepages}}</li>
</ul>

<br />
<h3>Mettre un wiki en hibernation</h3>
Si vous savez que votre wiki ne doit plus bouger dans les mois, années à venir, vous pouvez le mettre en hibernation : les modification ne seront plus possibles, le wiki sera en mode "lecture seule" (à part en désactivant l&apos;hibernation !).<br />
Roue crantée > Gestion du site > Fichier de conf > Sécurité > Etat du wiki > hibernate<br />
<br />
Pour découvrir l&apos;ensemble des stratégies possibles face au spam => <a href="https://yeswiki.net/?LutterContreLeSpam">https://yeswiki.net/?LutterContreLeSpam</a><br />
<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans ton wiki :<br />

<ul>
<li> Vérifie dans la page <a href="https://la-tisseuse.fr/ateliers_yeswiki/?GererMisesAJour" class=&apos;&apos; data-tag="GererMisesAJour" data-method="show" data-tracked="true">GererMisesAJour</a> que ton wiki est bien sur la dernière version. Si besoin, fais la mise à jour.</li>
<li> Installe l&apos;extension "maintenance"</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section -->

<br />
<span class="label label-secondary-2">CC-by-SA Gatien Bataille et Louise Didier</span></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?LutterContreLesSpamsEnGerantLesDroitsD">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?LutterContreLesSpamsEnGerantLesDroitsD/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 10:11:49 +0100</pubDate>
      </item>
      <item>
        <title>Conception technique du formulaire</title>
        <link><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ConceptionTechniqueDuFormulaire]]></link>
        <guid><![CDATA[https://la-tisseuse.fr/ateliers_yeswiki/?ConceptionTechniqueDuFormulaire]]></guid>
        <dc:creator>WikiAdmin</dc:creator>
      <description><![CDATA[<div class="BAZ_cadre_fiche id1201">
    
<div class="lms-container ">
    <div class="row">
        <div id="burger" aria-label="Index">
            <span id="burger-icon"></span>
            <span id="burger-text">Index</span>
        </div>
        <div class="col-md-3 lms-menu">
            <div class="include">
<div style="margin-bottom: 5px; margin-left: 3px; font-size: 0.85em;"></span><span style="float: right;"></span></div></div>        </div>
        <div class="col-md-9 lms-content lms-activity-content">
            <h1>Conception technique du formulaire</h1><div class="include">
<h3><i>Bazar</i> – Conception technique du formulaire</h3>
 <!-- start of accordion -->
        <div class="panel-group  " role="tablist" aria-multiselectable="true" id="accordion_69dd860071c5d" >
<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860071cfa" data-toggle="collapse" data-parent="#accordion_69dd860071c5d" href="#collapse69dd860071cfc" aria-expanded="false" aria-controls="collapse69dd860071cfc">
          <h4 class="panel-title">
           Accéder à Bazar
          </h4>
      </button>
      
      <div id="collapse69dd860071cfc" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860071cfa">
        <div class="panel-body"><div class="include">
<h2>Accéder à <i>Bazar</i></h2>
<i>Bazar</i> est la partie base de données de YesWiki. On s&apos;y rend de la manière suivante.<br />

<ul>
<li> Menu roue crantée <i class="fa fa-cog"></i> en haut à droite du wiki.</li>
<li> Entrée « <i class="fa fa-briefcase"></i> Formulaires ».</li>
</ul>

<br />
Notez qu&apos;il faut être connecté avec un compte administrateur du wiki pour pouvoir utiliser certaines fonctionnalités <i>Bazar</i>.<br />
<br />
L&apos;écran qui se présente ressemble à ceci (image de droite).<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarAcces/upload&file=bazar.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier bazar.png</a>
<br />
Les différents onglets en haut de cette page permettent d&apos;accéder aux différentes fonctions de <i>Bazar</i>.<br />
<br />
<b>« Formulaires »</b> vous permet de gérer vos formulaires. <br />
<br />
<b>« Rechercher »</b> vous permet de rechercher parmi les fiches déjà présentes dans vos formulaires. <br />
Vous pouvez également trier vos fiches pour n&apos;afficher que celles appartenant à un formulaire donné.<br />
<br />
<b>« Saisir »</b> vous permet de saisir des fiches dans un de vos formulaires.<br />
<br />
<b>« Listes »</b> vous permet de créer les <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListes" class="modalbox" data-tag="YWDocBazaRListes" data-method="show" data-tracked="true">listes</a> (et leurs contenus) que vous utiliserez ensuite dans vos formulaires.<br />
<br />
<b>« Importer »</b> vous permet d&apos;importer des données en nombre (en provenance d&apos;un tableur par exemple) directement dans un de vos formulaire.<br />
<br />
<b>« Exporter »</b> vous permet d&apos;exporter les données d&apos;un de vos formulaire pour un usage externe (dans un tableur par exemple).</div>
		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860073d02" data-toggle="collapse" data-parent="#accordion_69dd860071c5d" href="#collapse69dd860073d05" aria-expanded="false" aria-controls="collapse69dd860073d05">
          <h4 class="panel-title">
           Gestion des formulaires Bazar
          </h4>
      </button>
      
      <div id="collapse69dd860073d05" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860073d02">
        <div class="panel-body"><div class="include">
<h3>Gestion des formulaires <i>Bazar</i></h3>
Pour gérer les formulaires, il faut se rendre sur l&apos;onglet « Formulaires » de la partie base de données de YesWiki.<br />

<ul>
<li> Menu roue crantée <i class="fa fa-cog"></i> en haut à droite du wiki.</li>
<li> Entrée « <i class="fa fa-briefcase"></i> Formulaires ».</li>
<li> Onglet « Formulaires ».</li>
</ul>

<br />
Cet onglet se présente sous la forme d&apos;un tableau dans lequel chaque formulaire présent sur le wiki occupe une ligne.<br />
Pour chaque ligne, et donc chaque formulaire, on a donc les informations suivantes (les nombres en rouge sur la capture d&apos;écran correspondent aux numéros dans la liste ci-après).<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span7 col-md-7 "> <!-- start of col -->

<b>1 –</b> Le nom du formulaire. C&apos;est le nom sous lequel ce formulaire apparaîtra pour vous.<br />
Parfois ce nom est suivi de quelques mots de description (dans l&apos;exemple ci-contre c&apos;est le cas des formulaires Convive et Ressources)<br />
<b>2 –</b> Ce petit bouton en forme de loupe vous permet d&apos;accéder à la recherche parmi les fiches de ce formulaire. Le comportement est alors similaire à celui qu&apos;on aurait avec l&apos;onglet « Rechercher » en haut de page.<br />
<b>3 –</b> Ce petit bouton en forme de « + » vous permet d&apos;accéder à la saisie de fiches pour ce formulaire. Le comportement est alors similaire à celui qu&apos;on aurait avec l&apos;onglet « Saisir » en haut de page.<br />
<b>4 –</b> Chacune des icônes ou libellés dans ce groupe permet de déclencher l&apos;export, la diffusion ou la publication selon le format indiqué.<br />
<b>5 –</b> Il s&apos;agit de l&apos;identifiant (ou nom) du formulaire pour YesWiki. Vous n&apos;aurez <i>a priori</i> pas à utiliser ce nom.<br />
<b>6 –</b> Ce petit bouton permet de dupliquer un formulaire afin de s&apos;en inspirer pour en construire un autre en partie similaire sans avoir à tout refaire.<br />
<b>7 –</b> Ce petit bouton en forme de crayon permet d&apos;accéder à la modification du formulaire.<br />
<b>8 –</b> Cette petite gomme permet de supprimer toutes les fiches du formulaire. Attention, il n&apos;y a pas de moyen de récupérer des fiches supprimées.<br />
<b>9 –</b> Cette petite poubelle permet de supprimer le formulaire. Attention, il n&apos;y a pas de moyen de récupérer un formulaire supprimé.<br />
<b>10 –</b> Ce bouton permet de créer un nouveau formulaire.<br />
<b>11 –</b> Vous pouvez, si vous avez repéré sur un autre YesWiki un formulaire qui vous conviendrait, utiliser ce champ pour saisir l&apos;adresse du wiki en question. Vous serez ensuite guidés pour récupérer le ou les formulaires qui vous intéressent sur ce wiki.<br />

</div> <!-- end of col -->
<div class="span5 col-md-5 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarFormulaireGestion/upload&file=formulaire_gestion.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_gestion.png</a>
</div> <!-- end of col -->

</div> <!-- end of grid --></div>
		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600757aa" data-toggle="collapse" data-parent="#accordion_69dd860071c5d" href="#collapse69dd8600757ad" aria-expanded="false" aria-controls="collapse69dd8600757ad">
          <h4 class="panel-title">
           Création et modification d&apos;un formulaire Bazar
          </h4>
      </button>
      
      <div id="collapse69dd8600757ad" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600757aa">
        <div class="panel-body">
<div class="include">
<h1>Création et modification d&apos;un formulaire <i>Bazar</i></h1>
Pour modifier un formulaire ou utilisera donc le petit bouton en forme de crayon (cf. 7 précédent). <br />
Et, pour créer un nouveau formulaire, on utilisera le bouton « Saisir un nouveau formulaire ».<br />
Les deux boutons envoient sur un écran similaire, vide dans le cas de la création et présentant les questions du formulaire dans le cas d&apos;une modification.<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span6 col-md-6 "> <!-- start of col -->
<b>Création d&apos;un formulaire</b>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarFormulaireModification/upload&file=formulaire_creation.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_creation.png</a>
</div> <!-- end of col -->
<div class="span6 col-md-6 "> <!-- start of col -->
<b>Modification d&apos;un formulaire</b>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarFormulaireModification/upload&file=formulaire_modification.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_modification.png</a>
</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h5>Nom du formulaire</h5>
Dans la première zone en haut de l&apos;écran, on saisit (création), ou on trouve (modification), le nom du formulaire.<br />

<ul>
<li> Ce nom peut être composé de plusieurs mots, comportant éventuellement des caractères accentués.</li>
<li> Il est possible de modifier ce nom par la suite.</li>
</ul>

<br />
<h5>Description du fomulaire</h5>
Cette zone permet de saisir des explications pour comprendre l&apos;objectif du formulaire depuis l&apos;écran de gestion des formulaires (cf. 1 précédent).<br />
<br />
<h5>Ajout, suppression et réorganisation des champs du formulaire</h5>
<b>Remarque concernant le vocabulaire –</b> Nous appellerons « champ » la mise en œuvre technique d&apos;une question.<br />
<br />
Depuis la version <i>Doryphore</i> de <i>YesWiki</i>, la gestion des champs du formulaire se fait au moyen d&apos;un constructeur graphique. Celui-ci permet d&apos;ajouter, modifier, supprimer ou réorganiser des champs dans le formulaire.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarFormulaireModification/upload&file=formulaire_constructeur.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_constructeur.png</a>
Ce constructeur graphique se présente en deux parties. Les numéros sur l&apos;image renvoient aux explications ci-dessous.<br />
<b>Dans la partie gauche de l&apos;écran</b>, sont montrés les champs (ou questions) déjà présents avec :<br />

<ul>
<li> leur intitulé (<b>1</b>), </li>
<li> une représentation de leur aspect dans le formulaire final (<b>2</b>),</li>
<li> un petit astérique rouge si le champ est obligatoire (<b>3</b>).</li>
</ul>

Lorsqu&apos;on déplace le pointeur de la souris au dessus de la zone correspondant au champ, celui-ci devient une poignée (<b>4</b>) qui permet de déplacer le champ pour le positionner à un en autre endroit dans le formulaire.<br />
Apparaissent également au survol de la souris,<br />

<ul>
<li> un bouton de suppression du champ (<b>5</b>),</li>
<li> un bouton de modification du champ (<b>6</b>),</li>
<li> un bouton de duplication du champ (<b>7</b>).</li>
</ul>

<b>Dans la partie de droite</b> se trouvent les différents types de champs possibles (<b>8</b>).<br />
En saisissant, dans la partie droite, l&apos;icône d&apos;un type de champs et en la glissant dans la partie gauche, on va ajouter un champ de ce type au formulaire.<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarFormulaireModification/upload&file=formulaire_constructeur_grab.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_constructeur_grab.png</a>
Une zone noire apparaît alors à l&apos;endroit où le champ sera inséré. Dans l&apos;exemple montré, cette zone est placée en dessous du champ prééxistant.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarFormulaireModification/upload&file=formulaire_constructeur_drop_field.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_constructeur_drop_field.png</a>
En relachant le bouton de la souris, le champ se crée.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarFormulaireModification/upload&file=formulaire_constructeur_champ_creation.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_constructeur_champ_creation.png</a>
<br />
<h5>Modification d&apos;un champ de formulaire</h5>
En cliquant sur le petit crayon correspondant à un champ, on peut modifier ses différents paramètres.<br />
Les détails sont dans l&apos;onglet ci-dessous : "Types de champs des formulaires Bazar"<br />
<br />
<h5>Enregistrer</h5>
Lorsque vous avez fini de modifier votre formulaire, vous devez valider au moyen du bouton du même nom en bas de page.<br />
<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans les formulaires de ton wiki :<br />

<ul>
<li> modifie le formulaire "Agenda"
<ul>
<li> supprime la questions "Documents"</li>
<li> glisse au-dessus de la question "Description" les 2 questions "Début et fin d&apos;événement"</li>
</ul>
</li>
<li> crée un nouveau formulaire 
<ul>
<li> nomme le formulaire test ou en cohérence avec un vrai besoin</li>
<li> modifie la question "Titre de la fiche"</li>
<li> ajoute une question de type "texte long"</li>
</ul>
</li>
</ul>

<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section --></div>
		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600785a4" data-toggle="collapse" data-parent="#accordion_69dd860071c5d" href="#collapse69dd8600785a6" aria-expanded="false" aria-controls="collapse69dd8600785a6">
          <h4 class="panel-title">
           Types de champs des formulaires Bazar
          </h4>
      </button>
      
      <div id="collapse69dd8600785a6" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600785a4">
        <div class="panel-body">
<div class="include">
<h1>Types de champs <i>Bazar</i></h1>
<i>Bazar</i> propose de nombreux types de champs. Voici ceux auxquels vous aurez le plus souvent recours.<br />
<h4>Les types de champs les plus simples et les plus courants</h4>
 <!-- start of accordion -->
        <div class="panel-group  " role="tablist" aria-multiselectable="true" id="accordion_69dd860078d6e" >
<!-- start of panel --><div class="panel panel-secondary-2" >
      <button class="panel-heading collapsed" id="heading69dd860078e29" data-toggle="collapse" data-parent="#accordion_69dd860078d6e" href="#collapse69dd860078e2a" aria-expanded="false" aria-controls="collapse69dd860078e2a">
          <h4 class="panel-title">
           /!\ À ne jamais oublier – Le titre /!\
          </h4>
      </button>
      
      <div id="collapse69dd860078e2a" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860078e29">
        <div class="panel-body">
<div class="include">
<h3>Le seul champ indispensable : le titre</h3>
<h5>Particularités indispensables</h5>
Ce champ est un champ de type texte court. Cependant, il a trois particularités indispensables.<br />
<b>1.</b> Il doit être présent dans tout formulaire.<br />
<b>2.</b> Son paramètre identifiant unique doit nécessairement être « bf_titre ».<br />
<b>3.</b> Il doit nécessairement être obligatoire.<br />
<br />
Vous êtes libres de définir le libellé qui vous convient.<br />
<br />
<h5>Corollaire</h5>
Si un formulaire doit comporter une question obligatoire qui en sera le titre, il convient de choisir judicieusement celle-ci. Dans le cas de la participation à un goûter, par exemple, on pourra demander le prénom de la personne qui s&apos;inscrit.<br />
<br />
<h5>Qu&apos;advient-il de ce titre ?</h5>
<b>Lors de la création d&apos;une fiche</b> par un utilisateur, YesWiki fabrique une page (d&apos;un type particulier) à partir de cette fiche.<br />
L&apos;adresse (<i>url</i>) de cette page est déterminée automatiquement à partir du titre de la fiche. Une fiche dont le titre serait « Le titre de ma fiche » donnerait la page <i>LeTitreDeMaFiche</i>. À l&apos;usage, il peut arriver que deux fiches soient créées avec le même titre. <i>Bazar</i> évite alors les doublons en ajoutant un nombre à la fin du titre qu&apos;il génère (ici, <i>LeTitreDeMaFiche1</i>).<br />
Le fait que chaque fiche soit également une page présente plusieurs avantages.<br />

<ul>
<li> Vous pouvez donner l&apos;adresse d&apos;une fiche (ex. : <i>https://mon.wiki.fr/?LeTitreDeMaFiche</i>) à quelqu&apos;un sans pour autant que cette personne ait à chercher parmi toutes les fiches.</li>
<li> Les différentes modifications de la fiche occasionneront autant de versions de la page.</li>
<li> Il est possible de modifier les droits sur une fiche/page en particulier.</li>
<li> Si vous modifiez le titre d&apos;une fiche après sa création, le titre affiché sera bien modifié, mais pas l&apos;adresse de la page.</li>
</ul>

<b>Lors de l&apos;affichage d&apos;une fiche</b>, le titre est présenté de manière particulière.<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampTitre/upload&file=Champ_titre_affichage.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Champ_titre_affichage.png</a>
<ul>
<li> Il a l&apos;aspect d&apos;un titre (en haut, plus gros, en couleur). Mais on s&apos;y attendait.</li>
<li> Dans une liste de fiches par exemple, seul le titre sera visible pour toutes les fiches non « dépliées ».</li>
<li> Le titre est le seul champ qui soit présenté sans rappel de la question posée lors de sa saisie. Par exemple, dans un formulaire dans lequel on utilise le prénom comme titre, on aura « Nadine » et non pas « Prénom : Nadine ».</li>
</ul></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd86007a79a" data-toggle="collapse" data-parent="#accordion_69dd860078d6e" href="#collapse69dd86007a79d" aria-expanded="false" aria-controls="collapse69dd86007a79d">
          <h4 class="panel-title">
           Texte court
          </h4>
      </button>
      
      <div id="collapse69dd86007a79d" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86007a79a">
        <div class="panel-body">
<div class="include">
<h3>Champ de type texte court</h3>
Un champ texte permet la saisie de quelques mots.<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampTexte/upload&file=champ_texte1.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_texte1.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampTexteVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<div class="include">
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.<br />
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Identifiant unique</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_ID.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_ID.png</a>Ce paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.<br />
Vous n&apos;avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.<br />
<h5>Intitulé</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_label.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_label.png</a>Il s&apos;agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.
<br />
<br />
<h5>Texte d&apos;aide</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_aide.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_aide.png</a>Ce paramètre vous permet de saisir un texte d&apos;aide afin d&apos;aiguiller l&apos;utilisateur si vous pensez qu&apos;il peut en avoir besoin pour cette question.
<br />
<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />

</div>
</section> <!-- end of section --></div>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h3>Paramètres spécifiques au type de champs « texte court »</h3>
<h5>Valeur</h5>
Ce paramètre permet de pré-remplir le champ. C&apos;est utile lorsque on connait la réponse la plus courante (si, par exemple, on demande le pays).<br />
<h5>Nombre de caractères visibles</h5>
Ce paramètre permet de préciser combien de caractères seront visibles à l&apos;écran.<br />
<h5>Longueur max</h5>
Ce paramètre permet de limiter la longueur de la réponse que les utilisateurs peuvent saisir.</div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd86007d407" data-toggle="collapse" data-parent="#accordion_69dd860078d6e" href="#collapse69dd86007d40a" aria-expanded="false" aria-controls="collapse69dd86007d40a">
          <h4 class="panel-title">
           Texte long
          </h4>
      </button>
      
      <div id="collapse69dd86007d40a" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86007d407">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « Texte long »</h3>
Une zone de texte permet la saisie d&apos;un texte relativement long et pouvant courrir sur plusieurs lignes.<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampZone/upload&file=champ_zone1.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_zone1.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?DocBazarChampZoneVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<div class="include">
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.<br />
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Identifiant unique</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_ID.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_ID.png</a>Ce paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.<br />
Vous n&apos;avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.<br />
<h5>Intitulé</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_label.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_label.png</a>Il s&apos;agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.
<br />
<br />
<h5>Texte d&apos;aide</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_aide.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_aide.png</a>Ce paramètre vous permet de saisir un texte d&apos;aide afin d&apos;aiguiller l&apos;utilisateur si vous pensez qu&apos;il peut en avoir besoin pour cette question.
<br />
<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />

</div>
</section> <!-- end of section --></div>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h3>Paramètres spécifiques au type de champs « zone de texte »</h3>
<h5>Valeur</h5>
Ce paramètre permet de pré-remplir le champ. C&apos;est utile lorsque on connait la réponse la plus courante (si, par exemple, on demande le pays).<br />
<h5>Format d&apos;écriture</h5>
Ce paramètre permet de paramétrer les fonctionnalités d&apos;écriture dont disposeront les utilisateurs. Trois valeurs sont possibles.<br />

<ul>
<li> <b>Wiki –</b> C&apos;est la valeur par défaut. Elle offre pour la saisie de ce champ tous les outils disponibles lorsqu&apos;on édite une page YesWiki.</li>
<li> <b>Éditeur wysiwyg –</b> Ce paramètrage offre à l&apos;utilisateur beaucoup plus de facilité de saisie. Son usage est toutefois à limiter pour des raisons d&apos;ergonomie.</li>
<li> <b>Texte non interprété –</b> Cette valeur limite la saisie aux seuls caractères sans mise en forme (pas d&apos;italique ni de gras par exemple). C&apos;est très utile pour saisir des adresses postales.</li>
</ul>

<h5>Largeur champ de saisie</h5>
Ce paramètre permet de préciser la largeur du champ de saisie.</div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600805b5" data-toggle="collapse" data-parent="#accordion_69dd860078d6e" href="#collapse69dd8600805b7" aria-expanded="false" aria-controls="collapse69dd8600805b7">
          <h4 class="panel-title">
           Image
          </h4>
      </button>
      
      <div id="collapse69dd8600805b7" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600805b5">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « image »</h3>
Un champ de type image permet d&apos;importer un fichier image qui sera ensuite visualisable dans la fiche.<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampImage/upload&file=champ_imageok.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_imageok.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?DocBazarChampImageVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<div class="include">
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.<br />
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Identifiant unique</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_ID.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_ID.png</a>Ce paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.<br />
Vous n&apos;avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.<br />
<h5>Intitulé</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_label.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_label.png</a>Il s&apos;agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.
<br />
<br />
<h5>Texte d&apos;aide</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_aide.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_aide.png</a>Ce paramètre vous permet de saisir un texte d&apos;aide afin d&apos;aiguiller l&apos;utilisateur si vous pensez qu&apos;il peut en avoir besoin pour cette question.
<br />
<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />

</div>
</section> <!-- end of section --></div>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h3>Paramètres spécifiques au type de champs « image »</h3>
<h5>Alignement</h5>
C&apos;est là que l&apos;on paramètre le comportement d&apos;affichage de l&apos;image. Son fonctionnement est similaire à ce qui se passe dans l&apos;édition de pages (quand on joint une image avec le bouton Fichier).<br />
<h5>Image par défaut</h5>
Ce paramètre permet de télécharger une image qui apparaitra par défaut si aucune autre image n&apos;est téléchargée.<br />
<h5>Hauteur vignette</h5>
YesWiki génère une vignette des images afin de les afficher rapidement si besoin. Ce paramètre permet de préciser la hauteur de cette vignette.<br />
<h5>Largeur vignette</h5>
YesWiki génère une vignette des images afin de les afficher rapidement si besoin. Ce paramètre permet de préciser la largeur de cette vignette.<br />
<h5>Hauteur redimension</h5>
YesWiki peut harmoniser la taille des images importées pour ce formulaire. Ce paramètre permet de préciser la hauteur de cette image redimensionnée.<br />
<h5>Largeur redimension</h5>
YesWiki peut harmoniser la taille des images importées pour ce formulaire. Ce paramètre permet de préciser la largeur de cette image redimensionnée.<br />
<h5>Taille max</h5>
Ce paramètre permet de préciser une taille maximum. Ici l&apos;unité est en octet, 2000000 correspond à 2Mo.</div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600832fd" data-toggle="collapse" data-parent="#accordion_69dd860078d6e" href="#collapse69dd8600832ff" aria-expanded="false" aria-controls="collapse69dd8600832ff">
          <h4 class="panel-title">
           Upload de fichier
          </h4>
      </button>
      
      <div id="collapse69dd8600832ff" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600832fd">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « <i>upload</i> de fichier »</h3>
Ce type de champ permet d&apos;<i>uploaded</i> un fichier (par exemple au format PDF). Ce fichier est ensuite téléchargeable par les personnes qui visualisent la fiche.<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampUpload/upload&file=champ_uploadOK.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_uploadOK.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?DocBazarChampUploadVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<div class="include">
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.<br />
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Identifiant unique</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_ID.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_ID.png</a>Ce paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.<br />
Vous n&apos;avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.<br />
<h5>Intitulé</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_label.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_label.png</a>Il s&apos;agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.
<br />
<br />
<h5>Texte d&apos;aide</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_aide.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_aide.png</a>Ce paramètre vous permet de saisir un texte d&apos;aide afin d&apos;aiguiller l&apos;utilisateur si vous pensez qu&apos;il peut en avoir besoin pour cette question.
<br />
<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />

</div>
</section> <!-- end of section --></div>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h3>Paramètres spécifiques au type de champs « <i>upload</i> de fichier »</h3>
<h5>Taille max</h5>
Ce paramètre permet de limiter la taille du fichier. Il s&apos;agit d&apos;un nombre d&apos;octets (par ex. 2000000 équivalent à 2 Mo).<br />
<h5>Label à l&apos;affichage</h5>
Ce paramètre permet de choisir l&apos;intitulé qui apparait au-dessus du bouton de téléchargement lors de l&apos;affichage de la fiche. Par défaut l&apos;intitulé est "Fichier : {filename}" c&apos;est à dire Fichier : le nom du fichier téléchargé..<br />
<h5>Extensions présélectionnées</h5>
Lors de la saisie de la fiche, ce paramètre permet de présélectionner uniquement certains types de fichier pour faciliter la recherche du fichier à télécharger. <br />
Ex : .pdf" pour ne pré-sélectionner que les fichiers pdf ou .pdf,.jpg,.png" pour ne présélectionner que ces 3 extensions.<br />
<h5>Type sémantique du champ</h5></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860085c9f" data-toggle="collapse" data-parent="#accordion_69dd860078d6e" href="#collapse69dd860085ca1" aria-expanded="false" aria-controls="collapse69dd860085ca1">
          <h4 class="panel-title">
           Email
          </h4>
      </button>
      
      <div id="collapse69dd860085ca1" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860085c9f">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « <i>email</i> »</h3>
Ce type de champs permet de saisir une adresse électronique. YesWiki effectue automatiquement des contrôles sur la syntaxe de l&apos;adresse et propose également de paramétrer des comportements spécifiquement liés à ce type de données.<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampemail/upload&file=champ_email1.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_email1.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?DocBazarChampEmailVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<div class="include">
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.<br />
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Identifiant unique</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_ID.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_ID.png</a>Ce paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.<br />
Vous n&apos;avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.<br />
<h5>Intitulé</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_label.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_label.png</a>Il s&apos;agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.
<br />
<br />
<h5>Texte d&apos;aide</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_aide.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_aide.png</a>Ce paramètre vous permet de saisir un texte d&apos;aide afin d&apos;aiguiller l&apos;utilisateur si vous pensez qu&apos;il peut en avoir besoin pour cette question.
<br />
<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />

</div>
</section> <!-- end of section --></div>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h3>Paramètres spécifiques au type de champs « <i>email</i> »</h3>
<h5>Remplacer l&apos;<i>email</i> par un bouton contact</h5>
En sélectionnant « oui » pour ce paramètre, on fait en sorte que l&apos;adresse électronique soit remplacée, lors de l&apos;affichage de la fiche, par un bouton qui renvoit vers un formulaire de contact automatiquement généré. L&apos;<i>email</i> n&apos;est donc pas visible par les personnes qui visualisent la fiche.<br />
Dans ce cas les paramètres avancés changent :<br />
-<b>affichage brut de l&apos;email autorisé pour</b><br />
- <b>Envoi d&apos;email autorisé pour</b> permet de choisir qui peut voir le bouton permettant d&apos;envoyer un mail grâce au formulaire de contact<br />
- <b>Peut être saisie par</b> permet de choisir qui peut voir ce champ au moment de la saisie de la fiche.<br />
<br />
<h5>Envoyer le contenu de la fiche à cet <i>email</i></h5>
Ce paramètre permet de demander à YesWiki d&apos;envoyer le contenu de la fiche à l&apos;adresse saisie. Cet envoi se fera lorsque la personne aura validé la saisie de la fiche.</div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860088919" data-toggle="collapse" data-parent="#accordion_69dd860078d6e" href="#collapse69dd86008891b" aria-expanded="false" aria-controls="collapse69dd86008891b">
          <h4 class="panel-title">
           Champ date
          </h4>
      </button>
      
      <div id="collapse69dd86008891b" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860088919">
        <div class="panel-body">
<div class="include">
<h3>Champ de type date</h3>
Un champ de type date permet de saisir sans erreur une date.<br />
Certains affichages des résultats (calendrier, agenda, etc.) nécessitent la présence d&apos;un champ date.<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampDate/upload&file=champ_dateOK.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_dateOK.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampDateVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<div class="include">
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.<br />
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Identifiant unique</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_ID.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_ID.png</a>Ce paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.<br />
Vous n&apos;avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.<br />
<h5>Intitulé</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_label.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_label.png</a>Il s&apos;agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.
<br />
<br />
<h5>Texte d&apos;aide</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_aide.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_aide.png</a>Ce paramètre vous permet de saisir un texte d&apos;aide afin d&apos;aiguiller l&apos;utilisateur si vous pensez qu&apos;il peut en avoir besoin pour cette question.
<br />
<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />

</div>
</section> <!-- end of section --></div>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h3>Paramètres spécifiques au type de champs date</h3>
<h5>Initialiser à Aujourd&apos;hui</h5>
Ce paramètre permet de préciser si on souhaite que la date soit prédéfinie à la date du jour.</div>

		
</div>	
</div>
</div> <!-- end of panel -->


</div> <!-- end of accordion -->

<h4>Les autres types de champs</h4>
 <!-- start of accordion -->
        <div class="panel-group  " role="tablist" aria-multiselectable="true" id="accordion_69dd86008b163" >
<!-- start of panel --><div class="panel panel-secondary-2" >
      <button class="panel-heading collapsed" id="heading69dd86008b1a3" data-toggle="collapse" data-parent="#accordion_69dd86008b163" href="#collapse69dd86008b1a4" aria-expanded="false" aria-controls="collapse69dd86008b1a4">
          <h4 class="panel-title">
           Quand on connait déjà toutes les réponses possibles à une question
          </h4>
      </button>
      
      <div id="collapse69dd86008b1a4" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86008b1a3">
        <div class="panel-body">
<div class="include">
<h2>Lorsqu&apos;on peut énumérer toutes les réponses possibles à une question</h2>
Il arrive fréquemment qu&apos;on puisse énumérer (lister) toutes les réponses possibles à une question de notre formulaire, pour exemples : (oui, non) ou encore (sympathisant, adhérent, etc.).<br />
<br />
<h3>À quoi cela peut-il servir ?</h3>
Dans <i>Bazar</i>, cette énumération des réponses possibles se matérialise sous la forme d&apos;une liste ou d&apos;un formulaire dont les différentes fiches constitueront les réponses possibles.<br />
<br />
Lors de la <b>phase 1 de conception</b> du formulaire, ces énumérations (listes ou formulaires liés) vont permettre de poser les questions sous forme de :<br />

<ul>
<li> <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesSelectionner" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble une liste déroulante"><i class="far fa-eye"></i> liste déroulante</a>,</li>
<li> groupe de <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesCasesaCocher" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble un groupe de cases à cocher"><i class="far fa-eye"></i> cases à cocher</a>,</li>
<li> groupe de <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesRadio" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble un groupe de boutons radio"><i class="far fa-eye"></i> boutons radio</a>.</li>
</ul>

<br />
<br />
Lors de la <b>phase 3 d&apos;affichage</b> des résultats du formulaire, le recours à des énumérations permet de proposer des <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesFacette" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble une facette"><i class="far fa-eye"></i> facettes</a> afin que l&apos;utilisateur puisse filtrer parmi les fiches remplies.
<br />
 <!-- start of accordion -->
        <div class="panel-group  " role="tablist" aria-multiselectable="true" id="accordion_69dd86008bf66" >
<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd86008bfb8" data-toggle="collapse" data-parent="#accordion_69dd86008bf66" href="#collapse69dd86008bfb9" aria-expanded="false" aria-controls="collapse69dd86008bfb9">
          <h4 class="panel-title">
           Utiliser une liste
          </h4>
      </button>
      
      <div id="collapse69dd86008bfb9" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86008bfb8">
        <div class="panel-body">
<div class="include">
<h2>Les listes dans <i>Bazar</i></h2>
<i>Bazar</i> permet de définir des listes que vous allez pouvoir utiliser ensuite dans des formulaires.<br />
<h3>Gestion des listes</h3>
Pour gérer les listes, il faut se rendre sur l&apos;onglet « Listes » de la partie base de données de YesWiki.<br />

<ul>
<li> Menu roue crantée <i class="fa fa-cog"></i> en haut à droite du wiki.</li>
<li> Entrée « <i class="fa fa-briefcase"></i> Formulaires ».</li>
<li> Onglet « Listes ».</li>
</ul>

<br />
Cet onglet se présente de la manière suivante (les nombres en rouge sur la capture d&apos;écran correspondent aux numéros dans la liste ci-après).<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span7 col-md-7 "> <!-- start of col -->

<b>1 –</b> Le nom de la liste. C&apos;est le nom sous lequel cette liste apparaîtra pour vous.<br />
<b>2 –</b> Un aperçu de la liste. En cliquant sur la petite flêche descendante à droite, on peut faire apparaître l&apos;ensemble des valeurs possibles.<br />
<b>3 –</b> Le nom de la liste, vu du côté de YesWiki cette fois. Vous n&apos;aurez <i>a priori</i> pas à utiliser ce nom.<br />
<b>4 –</b> Ce petit bouton en forme de crayon permet d&apos;accéder à la modification de la liste.<br />
<b>5 –</b> Cette petite poubelle permet de supprimer la liste. Attention, il n&apos;y a pas de moyen de récupérer une liste supprimée.<br />
<b>6 –</b> Ce bouton permet de créer une nouvelle liste.<br />
<b>7 –</b> Vous pouvez, si vous avez repéré sur un autre YesWiki une liste qui vous conviendrait, utiliser ce champ pour saisir l&apos;adresse du wiki en question. Vous serez ensuite guidés pour récupérer la ou les listes qui vous intéressent sur ce wiki.<br />

</div> <!-- end of col -->
<div class="span5 col-md-5 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListes/upload&file=liste_gestion.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier liste_gestion.png</a>
</div> <!-- end of col -->

</div> <!-- end of grid -->

<h3>Création ou modification d&apos;une liste</h3>
Pour modifier une liste ou utilisera donc le petit bouton en forme de crayon (cf. 4 précédent). Et, pour créer une nouvelle liste, on utilisera le bouton « Saisir une nouvelle liste ».<br />
Les deux boutons envoient sur un écran similaire, vide dans le cas de la création et chargé du contenu de la liste dans le cas d&apos;une modification.<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span6 col-md-6 "> <!-- start of col -->
<b>Création d&apos;une liste</b>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListes/upload&file=liste_creation45.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier liste_creation45.png</a>
</div> <!-- end of col -->
<div class="span6 col-md-6 "> <!-- start of col -->
<b>Modification d&apos;une liste</b>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListes/upload&file=liste_modification45.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier liste_modification45.png</a>
</div> <!-- end of col -->

</div> <!-- end of grid -->

<h5>Nom de la liste</h5>
Dans la première zone en haut de l&apos;écran, on saisit (création), ou on trouve (modification), le nom de la liste (cf. 1 de la section précédente).<br />

<ul>
<li> Ce nom peut être composé de plusieurs mots, comportant éventuellement des caractères accentués.</li>
<li> Il est possible de modifier ce nom par la suite.</li>
</ul>

<h5>Saisie ou modification d&apos;une valeur de la liste</h5>
Chacune des valeurs de la liste sera saisie dans une ligne.<br />
On y trouve deux valeurs  et deux boutons :<br />

<ul>
<li> Le libellé ou <b>texte</b> – C&apos;est le texte ou la valeur qui va s&apos;afficher. Cela peut être un ou plusieurs mots ou des nombres. C&apos;est le seul élément à saisir. Il faut valider une valeur en cliquant sur le +.</li>
<li> La <b>clef</b> ou identifiant unique – C&apos;est le nom que YesWiki va utiliser pour cette valeur. 
<ul>
<li> Dans la version 4.5 cette clef est générée automatiquement par YesWiki. Dans les version précédentes, nous recommandons de n&apos;utiliser pour cette clef que des suites de caractères sans accents et sans espaces.</li>
<li> Même si vous n&apos;en verrez rien, c&apos;est cette clef que YesWiki va stocker dans les fiches de formulaire pour lesquelles les utilisateurs ont choisi cette valeur de liste.</li>
</ul>
</li>
<li> Le bouton de <b>suppression</b> – Ce bouton permet de retirer cette valeur de la liste. Attention :
<ul>
<li> une valeur supprimée ne peut pas être restaurée (pas d&apos;annulation de la suppression). Si après avoir supprimé une valeur vous vous rendez compte qu&apos;il s&apos;agissait d&apos;une erreur, vous devrez saisir à nouveau cette valeur.</li>
<li> Quand vous supprimez une valeur d&apos;une liste, cela ne change rien dans les différentes fiches de formulaires. Autrement dit, supposons que vous ayez une liste (oui, non), et que vous ayez un formulaire d&apos;inscription dans lequel vous demandez au personnes si elles sont adhérentes au moyen de cette liste (oui, non). Si vous supprimer la valeur « oui » de la liste, toutes les fiches pour lesquelles les personnes ont répondu « oui » à la question « Avez-vous adhéré ? » vont conserver cette information.</li>
</ul>
</li>
<li> La <b>poignée</b> de déplacement – Cette poignée permet de changer l&apos;ordre des valeurs dans la liste. Vous pouvez ainsi ajouter des valeurs selon vos besoins, puis réordonner la liste pour qu&apos;elle se présente comme vous le souhaitez (par exemple, dans l&apos;ordre alphabétique).</li>
</ul>

<h5>Ajouter une nouvelle valeur à la liste</h5>
Si vous souhaitez ajouter une valeur à votre liste et qu&apos;aucune ligne de saisie n&apos;est vide, vous pouvez en ajouter une au moyen du bouton +.<br />
<h5>Enregistrer</h5>
Lorsque vous avez fini d&apos;ajouter des valeurs à votre liste, vous pouvez cliquer sur ce bouton afin de sauvegarder votre liste.<br />
<h3>Liste à plusieurs niveaux</h3>
La version 4.5 de YesWki permet de faire des listes à plusieurs niveaux. <br />
Vous allez déplier et saisir des valeurs de niveaux inférieurs avec la flèche à gauche de la valeur.<br />
Voici un exemple avec 2 niveaux :<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListes/upload&file=CaptureListe2niveauxbazar.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier CaptureListe2niveauxbazar.png</a>
On peut même imaginer 3, 4 ... niveaux :<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListes/upload&file=CaptureListe3ou4niveauxbazar.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier CaptureListe3ou4niveauxbazar.png</a>
Voici comment ça s&apos;affichera lors de la saisie :<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListes/upload&file=affichagelisteplusieursniveaux.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier affichagelisteplusieursniveaux.png</a>
Et voici comment ça s&apos;affichera lors de l&apos;affichage des données avec des facettes :<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListes/upload&file=vidoaffichagebazarfacetteplusieursniveauxdelistes.gif" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier vidoaffichagebazarfacetteplusieursniveauxdelistes.gif</a></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd86008f005" data-toggle="collapse" data-parent="#accordion_69dd86008bf66" href="#collapse69dd86008f007" aria-expanded="false" aria-controls="collapse69dd86008f007">
          <h4 class="panel-title">
           Utiliser un autre formulaire en tant que liste
          </h4>
      </button>
      
      <div id="collapse69dd86008f007" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86008f005">
        <div class="panel-body">
<div class="include">
<h2>Utiliser un formulaire en tant que liste</h2>
<i>Bazar</i> permet d&apos;utiliser, dans un formulaire, un autre formulaire comme s&apos;il s&apos;agissait d&apos;une liste. Les réponses à cet autre formulaire constituent alors les différentes valeurs de cette liste.<br />
<h5>Premier exemple</h5>
Vous avez un formulaire « projet » présentant des projets et un autre formulaire, « commentaire », permettant d&apos;ajouter des commentaires sur ces projets.<br />
Vous souhaitez, au sein du formulaire « commentaire », permettre à l&apos;utilisateur de choisir dans une liste déroulante dynamique la fiche « projet » qu&apos;il souhaite commenter.<br />
<h5>Second exemple</h5>
Vous avez un formulaire « recette » qui regroupe différents plats (un par fiche).<br />
Et, dans un autre formulaire (« menu » par exemple), vous souhaitez permettre à l&apos;utilisateur de choisir dans une liste déroulante dynamique un plat parmi vos recettes.<br />
<h3>Comment faire ?</h3>
<i>Bazar</i> va permettre de lier un formulaire à un autre. Dans notre premier exemple, des fiches du formulaire  « commentaire » vont être liées à des fiches du formulaire « projet ».<br />
Pour cela on utilise un des champs :<br />

<ul>
<li> <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampListe" class="modalbox" data-size="modal-lg" title="En savoir plus sur ce type de champs"><i class="far fa-eye"></i> Sélectionner</a>,</li>
<li> <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampCheckbox" class="modalbox" data-size="modal-lg" title="En savoir plus sur ce type de champs"><i class="far fa-eye"></i> Groupe de cases à cocher</a>,</li>
<li> <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampRadio" class="modalbox" data-size="modal-lg" title="En savoir plus sur ce type de champs"><i class="far fa-eye"></i> Groupe de boutons radio</a>.</li>
</ul>

Lors du paramétrage de ce champ, il faut :<br />

<ul>
<li> pour le paramètre « Origine des données », choisir « Un formulaire <i>Bazar</i> ».</li>
<li> puis, pour le paramètre « Choix de la liste/du formulaire », indiquer le formulaire à partir duquel vous souhaitez que les utilisateurs choisissent.</li>
</ul>

<h3>Montrer les fiches liées</h3>
En reprenant notre premier exemple, on peut, lorsqu&apos;on affiche une fiche « projet », montrer toutes les fiches « commentaire » s&apos;y rapportant.<br />
Pour cela on utilisera, dans le formulaire « projet », un champ du type « <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampFichesLiees" class="modalbox" data-size="modal-lg"><i class="far fa-eye"></i> Liste des fiches liées</a> » dont le paramètre « Id du formulaire lié » contiendra l&apos;<b>identifiant <i>Bazar</i></b> du formulaire « commentaire » (point 5 sur <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarFormulaireGestion" class="modalbox" data-size="modal-lg"><i class="far fa-eye"></i> cette page</a>).</div>

		
</div>	
</div>
</div> <!-- end of panel -->


</div> <!-- end of accordion --></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600912ad" data-toggle="collapse" data-parent="#accordion_69dd86008b163" href="#collapse69dd8600912b0" aria-expanded="false" aria-controls="collapse69dd8600912b0">
          <h4 class="panel-title">
           Sélectionner
          </h4>
      </button>
      
      <div id="collapse69dd8600912b0" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600912ad">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « sélectionner »</h3>
<ul>
<li> En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarEnumerations" class="btn-secondary-1 modalbox btn" data-size="modal-lg"><i class="fas fa-book"></i> Pour savoir comment faire</a>.</li>
<li> Un champ de ce type permet de proposer à l&apos;utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d&apos;une <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesSelectionner" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble une liste déroulante"><i class="far fa-eye"></i> liste déroulante</a>.</li>
<li> En outre, l&apos;utisation de ce type de champ permet d&apos;avoir recours à des <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesFacette" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble une facette"><i class="far fa-eye"></i> facettes</a> pour filtrer parmi les fiches remplies.</li>
</ul>

<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampListe/upload&file=champ_liste1.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_liste1.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampListeVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<div class="include">
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.<br />
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Identifiant unique</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_ID.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_ID.png</a>Ce paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.<br />
Vous n&apos;avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.<br />
<h5>Intitulé</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_label.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_label.png</a>Il s&apos;agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.
<br />
<br />
<h5>Texte d&apos;aide</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_aide.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_aide.png</a>Ce paramètre vous permet de saisir un texte d&apos;aide afin d&apos;aiguiller l&apos;utilisateur si vous pensez qu&apos;il peut en avoir besoin pour cette question.
<br />
<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />

</div>
</section> <!-- end of section --></div>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarIdentifiantChampEnumeration" class="btn-primary modalbox btn" data-size="modal-lg"><i class="fas fa-eye"></i> Remarque sur lʼidentifiant unique pour ce type de champs</a>
<h3>Paramètres spécifiques au type de champs « sélectionner »</h3>
<div class="include">
<h5>Origine des données</h5>
Dans ce paramètre, pour permettre à l&apos;utilisateur de choisir parmi les valeur d&apos;une liste, sélectionnez « une liste ».<br />
Si, au contraire, vous souhaitez permettre à l&apos;utilisateur de choisir parmi des fiches d&apos;un autre formulaire, sélectionnez « Un formulaire <i>Bazar</i> ».<br />
<h5>Choix de la liste/du formulaire</h5>
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.<br />
<h5>Valeur par défaut</h5>
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n&apos;en précisez pas, c&apos;est le mot « choisir » qui s&apos;affichera jusqu&apos;à ce qu&apos;un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).</div></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860095a08" data-toggle="collapse" data-parent="#accordion_69dd86008b163" href="#collapse69dd860095a0a" aria-expanded="false" aria-controls="collapse69dd860095a0a">
          <h4 class="panel-title">
           Groupe de cases à cocher
          </h4>
      </button>
      
      <div id="collapse69dd860095a0a" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860095a08">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « groupe de cases à cocher »</h3>
<ul>
<li> En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarEnumerations" class="btn-secondary-1 modalbox btn" data-size="modal-lg"><i class="fas fa-book"></i> Pour savoir comment faire</a>.</li>
<li> Un champ de ce type permet de proposer à l&apos;utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d&apos;un groupe de <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesCasesaCocher" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble un groupe de cases à cocher"><i class="far fa-eye"></i> cases à cocher</a>.</li>
<li> En outre, l&apos;utisation de ce type de champ permet d&apos;avoir recours à des <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesFacette" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble une facette"><i class="far fa-eye"></i> facettes</a> pour filtrer parmi les fiches remplies.</li>
</ul>

<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampCheckbox/upload&file=champ_checkbox1.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_checkbox1.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampCheckboxVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<div class="include">
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.<br />
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Identifiant unique</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_ID.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_ID.png</a>Ce paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.<br />
Vous n&apos;avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.<br />
<h5>Intitulé</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_label.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_label.png</a>Il s&apos;agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.
<br />
<br />
<h5>Texte d&apos;aide</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_aide.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_aide.png</a>Ce paramètre vous permet de saisir un texte d&apos;aide afin d&apos;aiguiller l&apos;utilisateur si vous pensez qu&apos;il peut en avoir besoin pour cette question.
<br />
<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />

</div>
</section> <!-- end of section --></div>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarIdentifiantChampEnumeration" class="btn-primary modalbox btn" data-size="modal-lg"><i class="fas fa-eye"></i> Remarque sur lʼidentifiant unique pour ce type de champs</a>
<h3>Paramètres spécifiques au type de champs « groupe de cases à cocher »</h3>
<div class="include">
<h5>Origine des données</h5>
Dans ce paramètre, pour permettre à l&apos;utilisateur de choisir parmi les valeur d&apos;une liste, sélectionnez « une liste ».<br />
Si, au contraire, vous souhaitez permettre à l&apos;utilisateur de choisir parmi des fiches d&apos;un autre formulaire, sélectionnez « Un formulaire <i>Bazar</i> ».<br />
<h5>Choix de la liste/du formulaire</h5>
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.<br />
<h5>Valeur par défaut</h5>
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n&apos;en précisez pas, c&apos;est le mot « choisir » qui s&apos;affichera jusqu&apos;à ce qu&apos;un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).</div></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd860099d6e" data-toggle="collapse" data-parent="#accordion_69dd86008b163" href="#collapse69dd860099d71" aria-expanded="false" aria-controls="collapse69dd860099d71">
          <h4 class="panel-title">
           Groupe de boutons radio
          </h4>
      </button>
      
      <div id="collapse69dd860099d71" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd860099d6e">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « groupe de boutons radio »</h3>
<ul>
<li> En premier lieu ce type de champs nécessite de pouvoir énumérer les différentes valeurs possibles <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarEnumerations" class="btn-secondary-1 modalbox btn" data-size="modal-lg"><i class="fas fa-book"></i> Pour savoir comment faire</a>.</li>
<li> Un champ de ce type permet de proposer à l&apos;utilisateur une liste fermée de choix. Les choix possibles seront présentés sous forme d&apos;un groupe de <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesRadio" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble un groupe de boutons radio"><i class="far fa-eye"></i> boutons radio</a>.</li>
<li> En outre, l&apos;utisation de ce type de champ permet d&apos;avoir recours à des <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRListesFacette" class="modalbox" data-size="modal-lg" title="Voir à quoi ressemble une facette"><i class="far fa-eye"></i> facettes</a> pour filtrer parmi les fiches remplies.</li>
</ul>

<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampRadio/upload&file=champ_radio1.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_radio1.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampRadioVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<div class="include">
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Certains paramètres sont génériques à tous ou pratiquement tous les types de champs. Ils sont repris ici.<br />
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Identifiant unique</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_ID.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_ID.png</a>Ce paramètre permet de définir le nom du champ pour YesWiki.
Ce nom sera utilisé par YesWiki pour identifier le champ et doit donc impérativement être unique. Si un autre champ avait le même identifiant dans votre formulaire, vous observeriez des dysfonctionnements.<br />
Vous n&apos;avez à intervenir sur ce paramètre que dans les rares cas où la documentation le spécifie.<br />
<h5>Intitulé</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_label.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_label.png</a>Il s&apos;agit du texte de votre question. YesWiki préremplit ce paramètre avec le type de champ, charge à vous de remplacer cela par un libellé pertinent.
<br />
<br />
<h5>Texte d&apos;aide</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_aide.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_aide.png</a>Ce paramètre vous permet de saisir un texte d&apos;aide afin d&apos;aiguiller l&apos;utilisateur si vous pensez qu&apos;il peut en avoir besoin pour cette question.
<br />
<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametresGeneriques/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />

</div>
</section> <!-- end of section --></div>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarIdentifiantChampEnumeration" class="btn-primary modalbox btn" data-size="modal-lg"><i class="fas fa-eye"></i> Remarque sur lʼidentifiant unique pour ce type de champs</a>
<h3>Paramètres spécifiques au type de champs « groupe de boutons radio »</h3>
<div class="include">
<h5>Origine des données</h5>
Dans ce paramètre, pour permettre à l&apos;utilisateur de choisir parmi les valeur d&apos;une liste, sélectionnez « une liste ».<br />
Si, au contraire, vous souhaitez permettre à l&apos;utilisateur de choisir parmi des fiches d&apos;un autre formulaire, sélectionnez « Un formulaire <i>Bazar</i> ».<br />
<h5>Choix de la liste/du formulaire</h5>
Avec ce paramètre vous choisissez la liste (ou le formulaire) à partir de laquelle vous souhaitez que les utilisateurs choisissent.<br />
<h5>Valeur par défaut</h5>
Ce paramètre vous permet de proposer une valeur par défaut. Si vous n&apos;en précisez pas, c&apos;est le mot « choisir » qui s&apos;affichera jusqu&apos;à ce qu&apos;un choix soit effectué. Attention, pour préciser la valeur par défaut, il faut indiquer sa clef dans la liste (et non pas sa valeur).</div></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd86009cfae" data-toggle="collapse" data-parent="#accordion_69dd86008b163" href="#collapse69dd86009cfb1" aria-expanded="false" aria-controls="collapse69dd86009cfb1">
          <h4 class="panel-title">
           Géolocalisation de l&apos;adresse
          </h4>
      </button>
      
      <div id="collapse69dd86009cfb1" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86009cfae">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « géolocalisation de l&apos;adresse »</h3>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampGeo/upload&file=champ_geoloc.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_geoloc.png</a>
Ce champ n&apos;est pas un vrai champ.<br />
Il s&apos;agit, de fait, d&apos;un outil qui permet de transformer une adresse saisie par un humain en un jeu de coordonnées (longitude et latitude).<br />
Son comportement est donc un peu différent de ce qu&apos;on trouve dans les autres champs.<br />
<br />
Notamment, pour trouver les coordonnées d&apos;une adresse, il faut à YesWiki des informations sur celle-ci. Votre formulaire doit donc obligatoirement contenir au moins un des champs suivants (une bonne pratique étant d&apos;en avoir plusieurs, voire tous).<br />

<ul>
<li> un champ dont l&apos;identifiant unique est « bf_adresse ». S&apos;il n&apos;existe pas, il est d&apos;ailleurs inséré automatiquement lors de la création du champ « géolocalisation de l&apos;adresse » ;</li>
<li> un champ dont l&apos;identifiant unique est « bf_ville » ;</li>
<li> un champ dont l&apos;identifiant unique est « bf_pays ».</li>
</ul>

Il est indispensable d&apos;avoir un champ de ce type dans votre formulaire si vous souhaitez afficher vos résultats sous forme de carte. <br />
<ul class="fake-ul">
<li></li>
</ul>

<h3>Paramètres du type de champs « géolocalisation de l&apos;adresse »</h3>
<h5>Obligatoire</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampGeo/upload&file=champ_param_oblig.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_oblig.png</a>Ce paramètre permet d&apos;indiquer si répondre à cette question sera obligatoire. Le champ est obligatoire lorsque la case est cochée.
<br />
<br />
<h5>Nom du champ latitude</h5>
Avec ce champ, YesWiki va convertir l&apos;adresse postale en coordonnées. Ce paramètre indique à YesWiki dans quel nom interne il doit donner à la valeur de latitude. Sauf besoin précis, conservez la valeur par défaut qui est « bf_latitude ».<br />
<h5>Nom du champ longitude</h5>
Avec ce champ, YesWiki va convertir l&apos;adresse postale en coordonnées. Ce paramètre indique à YesWiki dans quel nom interne il doit donner à la valeur de longitude. Sauf besoin précis, conservez la valeur par défaut qui est « bf_longitude ».</div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd86009e3bc" data-toggle="collapse" data-parent="#accordion_69dd86008b163" href="#collapse69dd86009e3bf" aria-expanded="false" aria-controls="collapse69dd86009e3bf">
          <h4 class="panel-title">
           Construire le titre des fiches d&apos;un formulaire à partir d&apos;autres champs
          </h4>
      </button>
      
      <div id="collapse69dd86009e3bf" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd86009e3bc">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « titre automatique »</h3>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarTitreAutomatique/upload&file=champ_titre_automatique_etroit.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_titre_automatique_etroit.png</a>
Pour qu&apos;un formulaire <i>Bazar</i> fonctionne, il doit contenir un champ titre.<br />
Plus exactement, il doit contenir un champ de type « texte court » dont l&apos;identifiant unique soit « bf_titre ».<br />
Cependant, il n&apos;est pas toujours pertinent de nommer les fiches d&apos;un formulaire à partir du contenu d&apos;un seul champ.<br />
Le champ de type « titre automatique » permet de fabriquer un titre à partir de plusieurs champs. Ce titre sera rempli automatiquement lors de l&apos;enregistrement de chaque fiche.<br />
<h5>Comment faire</h5>
<ul>
<li> Laissez le paramètre « Intitulé » tel quel.</li>
<li> Tout se fait avec le paramètre « Valeur ».</li>
<li> Dans « Valeur », pour faire référence à un autre champ, vous devez encadrer son identifiant unique entre des doubles paires d&apos;accolades (ex. : « {{bf_prenom}} », notez bien qu&apos;il y a deux accolades ouvrantes avant l&apos;identifiant unique du champ, et deux accolades fermantes après).</li>
<li> Dans « Valeur », vous pouvez également ajouter du texte, avant, après ou entre les différents champs référencés.</li>
<li> Supprimez le champ titre du formulaire (celui dont l&apos;identifiant unique est « bf_titre »).</li>
</ul>

<h5>Exemples</h5>
Il y a très souvent plusieurs manières de faire la même chose. Ces exemples n&apos;ont pour objectif que de faire comprendre le fonctionnement du champ.<br />
<br />
Prenons le cas d&apos;un formulaire dans lequel on demande prénom et nom. On peut utiliser le champ titre avec pour libellé « Prénon Nom ». C&apos;est simple, mais outre le fait que cela ne garantit pas que tout le monde saisira son prénom, ou son nom, ou les saisira dans cet ordre, cela ne permet pas de trier les fiches par nom de famille.<br />
Dans ce cas là, on peut :<br />

<ul>
<li> demander le prénom dans un champ texte court obligatoire dont l&apos;identifiant serait par exemple « bf_text » ;</li>
<li> demander le nom dans un champ texte court obligatoire dont l&apos;identifiant serait par exemple « bf_text1 » ;</li>
<li> ajouter un champ de type « titre automatique » ;</li>
<li> dans le paramètre valeur de ce champ, saisir « {{bf_text}} {{bf_text1}} ».</li>
</ul>

<br />
Dans le cas d&apos;un formulaire d&apos;organisation de goûters, on pourrait souhaiter construire le titre à partir du prénom et de la date du goûter. On pourrait alors avoir un titre tel que : « Théo vient le 14/02/2022 ».<br />
Dans ce cas là, on peut :<br />

<ul>
<li> demander le prénom dans un champ texte court obligatoire dont l&apos;identifiant serait par exemple « bf_text » ;</li>
<li> demander la date dans un champ date obligatoire dont l&apos;identifiant serait par exemple « bf_date » ;</li>
<li> ajouter un champ de type « titre automatique » ;</li>
<li> dans le paramètre valeur de ce champ, saisir « {{bf_text}} vient le {{bf_date}} ».</li>
</ul>

<h5>Recommandations importantes</h5>
<ul>
<li> Assurez vous que les champs que vous allez utiliser pour construire votre titre sont bien obligatoires.</li>
<li> Il n&apos;y a pas d&apos;aide, ni de contrôle lors de la saisie du paramètre « valeur » du titre automatique. En conséquence, il vous appartient de saisir l&apos;identifiant unique des champs correctement (accolades <b>et</b> identifiant unique correctement écrit).</li>
<li> Supprimez le champ titre du formulaire (celui dont l&apos;identifiant unique est « bf_titre »).</li>
<li> Cela ne fonctionne pas avec tous les types de champs (par exemple, le contenu d&apos;un champ zone de texte ou case à cocher peut difficilement être utilisé pour contruire un titre). Donc, faites des essais avant de demander à tout le monde de saisir.</li>
</ul>

<h3>Paramètres du type de champs « titre automatique »</h3>
<h5>Intitulé</h5>
Laissez ce paramètre en l&apos;état.<br />
<h5>Valeur</h5>
C&apos;est dans ce paramètre que vous indiquez comment construire le titre.<br />
La référence à un autre champ se fait en écrivant son identifiant unique entre doubles accolades (ex. : « {{bf_text}} ») :<br />

<ul>
<li> deux accolades ouvrantes (« {{ »),</li>
<li> puis l&apos;identifiant unique du champ,</li>
<li> puis deux accolades fermantes(« }} »).</li>
</ul></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600a0a43" data-toggle="collapse" data-parent="#accordion_69dd86008b163" href="#collapse69dd8600a0a45" aria-expanded="false" aria-controls="collapse69dd8600a0a45">
          <h4 class="panel-title">
           Liste fiches liées
          </h4>
      </button>
      
      <div id="collapse69dd8600a0a45" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600a0a43">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « liste des fiches liées »</h3>
Ce type de champs permet dans le cas où on <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazaRFormulaireLie" class="modalbox" data-size="modal-lg"><i class="far fa-eye"></i> un autre formulaire est lié à celui-ci</a>, d&apos;afficher les fiches ainsi liées.
Ce champ a donc un comportement un peu spécial, puisque son effet n&apos;est visible que dans la phase 3 d&apos;affichage des résultats du formulaire. Un certain nombre de ses paramètres ne visent d&apos;ailleurs qu&apos;à définir le comportement dans cette phase d&apos;affichage des résultats.<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampFichesLiees/upload&file=champ_liste_fiches_liees.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_liste_fiches_liees.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampListeFichesLieesVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Comme tous les champs celui-ci comporte des paramètres génériques et des paramètres spécifiques.
<!-- start of section -->
    <section class="background-image pattern- text-left" data-file=&apos;&apos; style="background-color:#eeeeee; ">
<div class="container">
<h3>Paramètres génériques</h3>
Ce type de champ ne reprend que peu des paramètres génériques.<br />
<h5>Peut être lu par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampFichesLiees/upload&file=champ_param_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_read.png</a>Par défaut, chaque champ peut être lu par toute personne ayant le droit de visualiser une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.
<br />
<h5>Peut être saisi par</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampFichesLiees/upload&file=champ_param_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_access_write.png</a>Par défaut, chaque champ peut être saisi par toute personne ayant le droit de saisir une fiche du formulaire. Ce paramètre permet de modifier ce comportement pour le champ en question. On peut ainsi masquer un champ à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir la liste des différentes valeurs possibles</a>.

</div>
</section> <!-- end of section -->

</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h3>Paramètres spécifiques au type de champs « liste des fiches liées »</h3>
<h5>Id du formulaire lié</h5>
Ce paramètre, <b>obligatoire</b>, permet d&apos;identifier le formulaire lié.<br />
Le formulaire lié est celui dans lequel vous avez posé une question (sous forme de liste déroulante, de cases à cocher ou de boutons radio) faisant référence au formulaire courant.<br />
On doit saisir ici l&apos;<b>identifiant <i>Bazar</i></b> du formulaire lié (point 5 sur <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarFormulaireGestion" class="modalbox" data-size="modal-lg"><i class="far fa-eye"></i> cette page</a>).
<h5>Query</h5>
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d&apos;affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d&apos;une interface graphique en phase 3 se fait ici avec du pseudo code.<br />
<br />
Ce paramètre permet de n&apos;afficher qu&apos;une partie des fiches liées.<br />
Vous trouverez plus d&apos;information sur sa syntaxe <a href="https://yeswiki.net/?DocQuery" class="modalbox" data-size="modal-lg" data-iframe="1"><i class="far fa-eye"></i> ici</a>.
<br />
<br />
Par défaut, <b>si vous ne saisissez rien</b>, toutes les fiches liées s&apos;afficheront. C&apos;est en général ce qu&apos;on souhaite.<br />
<h5>Params de l&apos;action</h5>
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d&apos;affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d&apos;une interface graphique en phase 3 se fait ici avec du pseudo code.<br />
<br />
Vous pouvez utiliser ce paramètres pour préciser comment afficher les résultats.<br />
Le plus fréquemment, on veut changer l&apos;ordre d&apos;affichage des fiches liées.<br />
On va, par exemple, les afficher non pas triées par titre, ce qui est le comportement par défaut, mais par ordre antechronologique (si elles comportent un champ date).<br />
Dans cet exemple, on saisira dans ce paramètre : « champ=bf_date ordre=desc ».<br />

<ul>
<li> « bf_date » est l&apos;identifiant unique du champ date dans le formulaire lié.</li>
<li> « champ=bf_date » indique que l&apos;on triera les fiches liées en utilisant ce champ date.</li>
<li> Et « ordre=desc » indique que le tri sera descendant, c&apos;est à dire des dates les plus récentes aux dates les plus anciennes.</li>
<li> On notera que les deux paramètres sont séparés par un espace.</li>
</ul>

Vous trouverez plus d&apos;information sur cette syntaxe et les différentes possiblités <a href="https://yeswiki.net/?ActionBazarliste" class="modalbox" data-size="modal-lg" data-iframe="1"><i class="far fa-eye"></i> ici</a>.
<br />
<br />
Par défaut, <b>si vous ne saisissez rien</b>, les fiches liées s&apos;afficheront triées par ordre alphabétique croissant de leur titre.<br />
<h5>Nombre de fiches à afficher</h5>
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d&apos;affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d&apos;une interface graphique en phase 3 se fait ici avec du pseudo code.<br />
<br />
Si vous le désirez, vous pouvez préciser ici le nombre de fiches liées à afficher.<br />
<br />
Par défaut, <b>si vous ne saisissez rien</b>, toutes les fiches liées s&apos;afficheront. C&apos;est en général ce qu&apos;on souhaite.<br />
<h5>Template de restitution</h5>
Ce paramètre fait partie de ceux qui définissent le comportement dans la phase d&apos;affichage des résultats. Ceci explique certaines similitudes. Cependant, ce qui se fait au moyen d&apos;une interface graphique en phase 3 se fait ici avec du pseudo code.<br />
<br />
De même que dans la phase 3 on choisit la manière d&apos;afficher les fiches, on peut déterminer ici comment montrer les fiches liées. Cependant, il n&apos;y a pas de jolie boîte de dialogue dans laquelle choisir son <i>template</i> d&apos;affichage. Il faut connaître son nom et le saisir.<br />
<br />
Par défaut, <b>si vous ne saisissez rien</b>, les fiches liées s&apos;afficheront sous forme de liste en accordéon. C&apos;est en général ce qu&apos;on souhaite.<br />
<h5>Type de fiche liée (ou label du champ)</h5>
Vous devez préciser ici le type de champ utilisé dans le formulaire lié pour effectuer cette liaison.<br />

<ul>
<li> « liste » pour une liste déroulante.</li>
<li> « checkbox » pour un groupe de cases à cocher.</li>
<li> « radio » pour un groupe de boutons radio.</li>
</ul></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600a42a0" data-toggle="collapse" data-parent="#accordion_69dd86008b163" href="#collapse69dd8600a42a2" aria-expanded="false" aria-controls="collapse69dd8600a42a2">
          <h4 class="panel-title">
           Ajouter des explications à un formulaire
          </h4>
      </button>
      
      <div id="collapse69dd8600a42a2" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600a42a0">
        <div class="panel-body">
<div class="include">
<h3>Champ de type « Custom HTML »</h3>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampCustomHtml/upload&file=Bouton_custom_html.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier Bouton_custom_html.png</a>Comme son nom lʼindique, le champ « custom HTML » permet d&apos;incorporer du code HTML dans un formulaire. L&apos;intérêt est que cela permet d&apos;ajouter du texte, par exemple pour contextualiser un ou des champs. 
<br />
On peut définir si le texte en question apparaît lors de la saisie, ou de l&apos;affichage des fiches, ou les deux.<br />
<br />
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampCustomHtml/upload&file=champ_custom_HTML.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_custom_HTML.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampCustomHtmlVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Ce type de champ comporte uniquement des paramètres spécifiques.

</div> <!-- end of col -->

</div> <!-- end of grid -->

<h4>Paramètres spécifiques aux champs de type « Custom HTML »</h4>
<div class="row-fluid row"> <!-- start of grid -->
<div class="span6 col-md-6 "> <!-- start of col -->

<h5>Contenu lors de la saisie</h5>
Ce paramètre permet dʼindiquer ce que lʼon souhaite quʼil sʼaffiche lors de la saisie d&apos;une fiche.<br />
<h5>Contenu lors de lʼaffichage dʼune fiche</h5>
Ce paramètre permet dʼindiquer ce que lʼon souhaite quʼil sʼaffiche lors de la visualisation d&apos;une fiche.<br />

</div> <!-- end of col -->

<div class="span6 col-md-6 "> <!-- start of col -->
<h5>Syntaxe commune aux deux paramètres</h5>
Si vous ne connaissez pas le code HTML, voici deux syntaxes que vous pourrez utiliser dans les paramètres de ce champ « custom HTML ».<br />

<ul>
<li> <code><p>Mon texte ici</p></code> quand on veut simplement expliquer quelque chose, pour le champ qui suit par exemple (<code><p></code> pour paragraphe).</li>
<li> <code><h3>Mon titre ici</h3></code> quand on veut ajouter un texte plus gros, comme un titre pour une partie du formulaire (<code><h3></code> pour <i>heading 3</i> cʼest à dire titre de niveau 3).</li>
</ul>

Dans les deux cas, faîtes attention à bien respecter la syntaxe : on commence avec <code><p></code> ou <code><h3></code> et on termine par, respectivement <code></p></code> ou <code></h3></code>.<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->

<h4>Remarques</h4>
<b>« Custom HTML » et questions conditionnelles —</b> Dans le cas des questions conditionnelles, YesWiki crée deux champs :<br />

<ul>
<li> un pour définir à la fois le début de la zone conditionnée et les conditions de son affichage ;</li>
<li> un second pour marquer la fin de la zone conditionnée.</li>
</ul>

Il arrive que ce dernier champ change d&apos;aspect dans l&apos;assistant graphique de création de formulaire et apparaisse alors sous la forme d&apos;un champ « custom HTML » dont le contenu du paramètre « Contenu lors de la saisie » serait <code></div><!-- Fin de condition --></code>. Dans ce cas, il faut laisser ce champ et lʼétat (tout va bien se passer).<br />
<br />
<b>Champs « custom HTML » trop complexes —</b> Dans les versions courantes de YesWiki (4.3.1 et les précédentes), évitez de saisir dans un champ « custom HTML » les choses suivantes :<br />

<ul>
<li> du texte contenant un retour à la ligne (touche « entrée » du clavier),</li>
<li> une suite d&apos;éléments HTML (par exemple : <code><p>Mon texte ici</p><p>encore du texte</p></code> ou <code><h3>Mon titre ici</h3><p>Mon texte ici</p></code>).</li>
</ul>

Dans ces cas là, vous risquez de perdre une partie du contenu du champ.<br />
<br />
<b>Utilisation poussée des champs « custom HTML » —</b> Si vous maîtrisez HTML et le comportement des pages <i>web</i>, vous pouvez utiliser ce champ pour incorporer des éléments plus complexes à vos formulaires.</div>

		
</div>	
</div>
</div> <!-- end of panel -->


</div> <!-- end of accordion -->

<h4>Pour aller encore plus loin avec <i>Bazar</i></h4>
 <!-- start of accordion -->
        <div class="panel-group  " role="tablist" aria-multiselectable="true" id="accordion_69dd8600a64af" >
<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600a64f1" data-toggle="collapse" data-parent="#accordion_69dd8600a64af" href="#collapse69dd8600a64f2" aria-expanded="false" aria-controls="collapse69dd8600a64f2">
          <h4 class="panel-title">
           Configuration des droits d&apos;accès aux fiches du formulaire
          </h4>
      </button>
      
      <div id="collapse69dd8600a64f2" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600a64f1">
        <div class="panel-body">
<div class="include">
<ul class="fake-ul">
<li><h3>Champ de type « configuration des droits d&apos;accès »</h3></li>
</ul>

<div class="row-fluid row"> <!-- start of grid -->

<div class="span7 col-md-7 "> <!-- start of col -->
Ce champ n&apos;est pas un vrai champ.
Il s&apos;agit, dans les faits, d&apos;un outil qui permet de définir les droits d&apos;accès qui seront affectés à chacune des fiches du formulaire. Vous pouvez donc ainsi préciser quelles catégories d&apos;utilisateurs peuvent lire, saisir ou modifier ou encore commenter des fiches de votre formulaire.<br />
<br />
<span class="label label-danger">Attention !</span>
Cette configuration des droits d&apos;accès ne s&apos;applique qu&apos;aux fiches saisies après son paramétrage. Autrement dit, si vous ajoutez ce « champ » à votre formulaire, ou si vous le modifiez, seules les fiches saisies ou modifiées après cet ajout, ou cette modfication, auront les droits que vous avez définis.<br />

</div> <!-- end of col -->

<div class="span5 col-md-5 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampAccessConfig/upload&file=champ_config_acces.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_config_acces.png</a>

</div> <!-- end of col -->

</div> <!-- end of grid -->

<br />
<h4>Détails des paramètres</h4>
<h5>Peut voir la fiche</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampAccessConfig/upload&file=champ_param_form_access_read.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_form_access_read.png</a>Par défaut, les fiches d&apos;un formulaire peuvent être lues par toute personne (identifié ou non). Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi masquer ces fiches à certain.e.s utilisateurices.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreFormAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir les différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut éditer la fiche</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampAccessConfig/upload&file=champ_param_form_access_write.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_form_access_write.png</a>Par défaut, les fiches d&apos;un formulaire peuvent être édités par toute personne (identifié ou non). Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi protéger ces fiches de façon à ce que seuls certain.e.s utilisateurices puissent les modifier.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreFormAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir les différentes valeurs possibles</a>.
<br />
<br />
<h5>Peut commenter la fiche</h5>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampAccessConfig/upload&file=champ_param_form_access_comment.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_param_form_access_comment.png</a>Par défaut, les fiches d&apos;un formulaire peuvent être commentées par toute personne disposant de cette autorisation sur le wiki. Ce « champ » permet de modifier ce comportement pour les fiches du formulaire en question. On peut ainsi restreindre les commentaires sur ces fiches à certains utilisateurs.
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarParametreFormAccesValeurs" class="modalbox" data-size="modal-lg" title="Les différentes valeurs possibles"><i class="far fa-eye"></i> Voir les différentes valeurs possibles</a>.</div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600a839f" data-toggle="collapse" data-parent="#accordion_69dd8600a64af" href="#collapse69dd8600a83a2" aria-expanded="false" aria-controls="collapse69dd8600a83a2">
          <h4 class="panel-title">
           Ajouter des onglets dans son formulaire
          </h4>
      </button>
      
      <div id="collapse69dd8600a83a2" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600a839f">
        <div class="panel-body">
<div class="include">
<h3>Ajouter des onglets à son formulaire</h3>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarOnglets/upload&file=formulaire_onglets.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier formulaire_onglets.png</a>Lorsqu&apos;un formulaire comporte beaucoup de questions ou encore qu&apos;on souhaite séparer les questions les unes des autres pour plus de clarté, on peut, avec <i>Bazar</i>, ajouter des onglets à son formulaire (voir l&apos;exemple ci-contre).
<br />
<i>Bazar</i> met deux types de champs à disposition pour cela.<br />

<ul>
<li> Le type de champs « navigation par onglets » <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarOnglets/upload&file=champ_navigation_par_onglets_bouton.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_navigation_par_onglets_bouton.png</a></li>
<li> Le type de champs « passage à l&apos;onglet suivant » <a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarOnglets/upload&file=champ_passage_onglet_suivant_bouton.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_passage_onglet_suivant_bouton.png</a></li>
</ul>

Le champ de type « navigation par onglets » permet de :<br />

<ul>
<li> déclarer qu&apos;on va utiliser des onglets dans ce formulaire (il n&apos;en faut donc qu&apos;un dans le formulaire),</li>
<li> préciser le nom des dits onglets.</li>
</ul>

Le champ de type « passage à l&apos;onglet suivant » permet, quant à lui, de :<br />

<ul>
<li> marquer la fin de chaque onglet (il en faut donc un à la fin de chaque onglet),</li>
<li> préciser le comportement de chaque onglet lors de la saisie et lors de l&apos;affichage.</li>
</ul>

<br />
<br />
<h3>Champ de type « navigation par onglets »</h3>
<div class="row-fluid row"> <!-- start of grid -->
<div class="span5 col-md-5 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarOnglets/upload&file=champ_navigation_par_onglets.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_navigation_par_onglets.png</a>

</div> <!-- end of col -->

<div class="span7 col-md-7 "> <!-- start of col -->
Ce champ n&apos;est pas un vrai champ.
<br />
Il s&apos;agit, dans les faits, d&apos;un outil qui permet d&apos;ajouter des onglets dans votre formulaire. Ces onglets peuvent être affichés lors de la saisie ou lors de l&apos;affichage d&apos;une fiche du formulaire.<br />
Lorsque vous incorporez un tel champ dans votre formulaire, seront ajoutés automatiquement trois champs de type « passage à l&apos;onglet suivant ». Vous pouvez, bien sûr, en ajouter d&apos;autres ou en supprimer selon votre besoin. <br />
<br />
<span class="label label-danger">Attention !</span>
Il est nécéssaire que le nombre d&apos;onglets soit cohérent avec les valeurs des paramètres « Pour le formulaire » et « Pour la fiche » du champ « navigation par onglets ».<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->
 
<br />
<br />
<h4>Paramètres du type de champs « navigation par onglets »</h4>
<h5>Pour le formulaire</h5>
Ce paramètre définit les onglets affichés lors de la saisie de la fiche.<br />
Si vous ne saisissez rien, il n&apos;y aura pas d&apos;onglets lors de la saisie de la fiche.<br />
Vous devez saisir les noms des différents onglets, dans l&apos;ordre, et en les séparant par des virgules (« , »). Par exemple : « Présentation,Adresse,Produits,Vente ».<br />
<h5>Pour la fiche</h5>
Ce paramètre définit les onglets affichés lors de l&apos;affichage de la fiche.<br />
Si vous ne saisissez rien, il n&apos;y aura pas d&apos;onglets lors de l&apos;affichage de la fiche.<br />
Vous devez saisir les noms des différents onglets, dans l&apos;ordre, et en les séparant par des virgules (« , »). Par exemple : « Présentation,Adresse,Produits,Vente ».<br />
<h5>Déplacer le bouton valider</h5>
Ce paramètre permet de déplacer le bouton de validation au dernier onglet.<br />
<h5>Couleur des boutons</h5>
Ce paramètre permet de choisir la couleur des boutons placés à la fin des onglets.<br />
Par défaut, ils seront dans la couleur primaire du wiki. Vous avez le choix parmi la palette de couleurs du wiki.<br />
<h5>Taille des boutons</h5>
Ce paramètre permet de réduire la taille des boutons des onglets.<br />
<br />
<br />
<h3>Champ de type « passage à l&apos;onglet suivant »</h3>
<div class="row-fluid row"> <!-- start of grid -->
<div class="span5 col-md-5 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarOnglets/upload&file=champ_passage_onglet_suivant.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_passage_onglet_suivant.png</a>

</div> <!-- end of col -->

<div class="span7 col-md-7 "> <!-- start of col -->
Ce champ n&apos;est pas un vrai champ.
<br />
Il s&apos;agit, dans les faits, d&apos;un outil qui permet de délimiter un onglet en en marquant la fin tout en précisant quand cet onglet doit être affiché (saisie, affichage).<br />
<br />
<span class="label label-primary">Info</span>
Lorsque vous incorporez un tel champ dans votre formulaire, vous marquez la fin d&apos;un onglet et le début d&apos;un suivant.<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->
 
<h4>Paramètres du type de champs « passage à l&apos;onglet suivant »</h4>
<h5>Pour le formulaire</h5>
Ce paramètre définit si l&apos;onglet est affiché lors de la saisie de la fiche.<br />
Par défaut, l&apos;onglet est affiché lors de la saisie de la fiche.<br />
<span class="label label-danger">Attention</span> à être cohérent avec ce que vous avez saisi pour le paramètre « Pour le formulaire » du champ de type « navigation par onglets ».
<br />
<h5>Pour la fiche</h5>
Ce paramètre définit si l&apos;onglet est affiché lors de l&apos;affichage de la fiche.<br />
Par défaut, l&apos;onglet n&apos;apparaît pas lors de l&apos;affichage de la fiche.<br />
<span class="label label-danger">Attention</span> à être cohérent avec ce que vous avez saisi pour le paramètre « Pour la fiche » du champ de type « navigation par onglets ».</div>

		
</div>	
</div>
</div> <!-- end of panel -->

<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600ab6e7" data-toggle="collapse" data-parent="#accordion_69dd8600a64af" href="#collapse69dd8600ab6e9" aria-expanded="false" aria-controls="collapse69dd8600ab6e9">
          <h4 class="panel-title">
           Rendre une question conditionnelle
          </h4>
      </button>
      
      <div id="collapse69dd8600ab6e9" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600ab6e7">
        <div class="panel-body">
<div class="include">
<h1>Question conditionnelle</h1>
Il arrive que dans un formulaire on souhaite afficher certaines questions en fonction de la réponse apportée à une des questions précédentes.<br />
Cʼest ce qui se passe notamment lorsque lʼutilisateur répond « autre » à une liste déroulante ou à des cases à cocher, et quʼon lui propose alors un champ texte pour préciser (ce champ texte nʼapparaissant que dans ce cas).<br />
<b>La question conditionnelle fait donc suite à une question de type Liste (Sélectionner), Checkbox (cases à cocher) ou Radio (Boutons radio).</b><br />
<h5>Illustrations</h5>
<ul>
<li> <a href="https://boyer.earth/yeswiki/?SaisieParticipant" class="modalbox" data-size="modal-lg" data-iframe="1">https://boyer.earth/yeswiki/?SaisieParticipant</a> (répondez « oui » à lʼune ou lʼautre des deux questions de la section intitulée « Votre projet support » pour voir apparaître de nouvelles questions).</li>
<li> <a href="https://tourainebio.org/?PageAjoutProducteur#menu4" class="modalbox" data-size="modal-lg" data-iframe="1">https://tourainebio.org/?PageAjoutProducteur#menu4</a> (répondez « oui » à certaines questions de ce 4<sup>e</sup> onglet pour voir apparaitre de nouvelles questions).</li>
</ul>

<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarQuestionConditionnelle/upload&file=champ_affichage_conditionnel_contexte.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_affichage_conditionnel_contexte.png</a>
Lorsque vous insérez un « Affichage conditionnel » dans votre formulaire, <i>Bazar</i> y crée deux champs.<br />

<ul>
<li> Le premier, intitulé « Condition »,</li>
<li> Le second intitulé « Fin de condition ».</li>
</ul>

Ce que vous devez faire :<br />

<ul>
<li> placer, entre le champ « Condition » et le champ « Fin de condition », le ou les champs que vous souhaitez faire apparaître de manière conditionnelle ;</li>
<li> préciser dans le champ « Condition », la condition d&apos;apparition de ce ou ces champs ;</li>
<li> laisser le champ « Fin de condition » en lʼétat.</li>
</ul>

<br />
<b>Remarque 1 —</b> Un couple de champs « Affichage conditionnel » (« Condition » et « Fin de condition ») définit une seule condition (même si elle peut être complexe). Si vous souhaitez obtenir différents comportements en fonction de différentes conditions, il vous faudra insérer et définir autant dʼaffichages conditionnels que de conditions à remplir.<br />
<b>Remarque 2 —</b> Il peut arriver, dans certains contextes (formulaire long ou comportant de nombreux champs de type « Custom HTML »), que le champ « Fin de condition » apparaisse sous le nom de « Custom HTML ». Si cʼest le cas, vérifiez juste que son contenu est bien le suivant : <code></div><!-- Fin de condition--></code> dans « Contenu lors de la saisie ».<br />
<b>Remarque 3 —</b> Il peut également arriver que, lors de l&apos;affichage sous forme de liste des fiches dʼun formulaire comportant des questions conditionnelles, toutes les fiches semblent imbriquées les unes dans les autres et que seule la première fiche apparaisse (les autres semblant être à lʼintérieur). Si cʼest le cas, ajoutez, tout à la fin de votre formulaire, un champ de type « Custom HTML » dans lequel vous laisserez le paramètre « Contenu lors de la saisie » vide et saisirez <code></div></div></code> dans le paramètre « Contenu lors de lʼaffichage ».<br />
<h2>Champ de type « condition »</h2>
<div class="row-fluid row"> <!-- start of grid -->
<div class="span4 col-md-4 "> <!-- start of col -->
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarQuestionConditionnelle/upload&file=champ_affichage_conditionnel.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier champ_affichage_conditionnel.png</a>
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarChampConditionVisuel" class="btn-primary modalbox btn-block btn" data-size="modal-lg"><i class="fas fa-glasses"></i> Voir l&apos;image du champ en grand</a>

</div> <!-- end of col -->

<div class="span8 col-md-8 "> <!-- start of col -->
Ce champ n&apos;est pas un vrai champ.
<br />
Il s&apos;agit, dans les faits, d&apos;un outil qui permet d&apos;exprimer la condition qui sera nécessaire pour montrer tout ce qui se trouve entre « Condition » et « Fin de condition ».<br />

</div> <!-- end of col -->

</div> <!-- end of grid -->
 
<h3>Paramètres du type de champs « condition »</h3>
Pour que cela fonctionne (et ait du sens), la condition doit faire référence à une ou plusieurs valeurs dʼun ou plusieurs champs de type énumération : Liste (Sélectionner), Checkbox (cases à cocher) ou Radio (Boutons radio).<br />
<h5>Condition</h5>
Ce paramètre définit la condition à respecter pour afficher les champs qui suivent (jusquʼà « Fin de condition »).<br />
Les règles de syntaxe de ce paramètre sont expliquées dans lʼencadré qui se trouve au dessus.<br />
Voici quelques exemples pour illustrer cette syntaxe.<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarIdentifiantChampEnumeration" class="btn-primary modalbox pull-right btn" data-size="modal-lg"><i class="fas fa-eye"></i> Rappel sur lʼidentifiant unique</a>
On suppose quʼon dispose de :<br />

<ul>
<li> un champ de type « Sélectionner » (ou radio ou checkbox) dont l&apos;identifiant unique est <i>bf_trucmuche</i></li>
<li> une liste <i>listeConfiture</i> sur laquelle s&apos;appuie ce champ (les valeurs étant : {1, figues}, {2, gingembre-tomates vertes}, … ,{5, autre}).</li>
</ul>

<table class="yeswiki-table prevent-auto-init table table-condensed table-striped">
   <tr >
      <td  align="center"> Pour afficher si… </td>
      <td  align="center"> valeur du paramètre </td>
   </tr>
   <tr >
      <td >on a répondu « autre »</td>
      <td >bf_Confiture==5</td>
   </tr>
   <tr >
      <td >on nʼa pas répondu « figues »</td>
      <td >bf_Confiture!=1</td>
   </tr>
   <tr >
      <td >on nʼa répondu ni « figues », ni « autre »</td>
      <td >bf_Confiture!=1 and bf_Confiture!=5</td>
   </tr>
   <tr >
      <td >on nʼa pas répondu du tout</td>
      <td >bf_Confiture is empty</td>
   </tr>
   <tr >
      <td >on a répondu « figues » ou « gingembre-tomates vertes » (pareil quʼen dessous)</td>
      <td >bf_Confiture==1 or bf_Confiture==2</td>
   </tr>
   <tr >
      <td >on a répondu « figues » ou « gingembre-tomates vertes » (pareil quʼau dessus)</td>
      <td >bf_Confiture in [1,2]</td>
   </tr>
   <tr >
      <td >dans le cas dʼune checkbox, on a répondu « figues » et « gingembre-tomates vertes »</td>
      <td >bf_Confiture==[1,2]</td>
   </tr>
   <tr >
      <td >dans le cas dʼune checkbox, moins de trois cases ont été cochées</td>
      <td >bf_Confiture|length < 3</td>
   </tr>
   <tr >
      <td >dans le cas dʼune checkbox, au moins deux cases ont été cochées mais pas la case « autre »</td>
      <td >bf_Confiture|length > 2 and bf_Confiture!=5</td>
   </tr>

</table>
</div>

		
</div>	
</div>
</div> <!-- end of panel -->


</div> <!-- end of accordion -->

<h4>Si vous aimez l&apos;histoire et en savoir plus sur les aspects techniques</h4>
<!-- start of panel --><div class="panel panel-primary" >
      <button class="panel-heading collapsed" id="heading69dd8600ae74d" data-toggle="collapse" href="#collapse69dd8600ae750" aria-expanded="false" aria-controls="collapse69dd8600ae750">
          <h4 class="panel-title">
           Le code derrière
          </h4>
      </button>
      
      <div id="collapse69dd8600ae750" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading69dd8600ae74d">
        <div class="panel-body">
<div class="include">
<h2>Le code derrière les champs <i>Bazar</i></h2>
Que se passe-t-il lorsque j&apos;utilise le constructeur graphique de formulaire bazar ?<br />
<br />
Lorsquʼon crée ou modifie un formulaire bazar, deux méthodes nous sont offertes. La méthode par défaut dans doryphore est le constructeur graphique.<br />
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarCode/upload&file=dcfhabjikckbbnbi.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier dcfhabjikckbbnbi.png</a>
Celui-ci permet de construire son formulaire de manière relativement intuitive sans avoir recours à du code puisque son rôle est justement dʼécrire le code pour vous.<br />
<br />
Il est cependant parfois utile de comprendre ce qui se passe derrière. Nous allons donc lʼillustrer avec deux exemples, le cas dʼun champ texte, et celui dʼun groupe de cases à cocher.<br />
<br />
<b>Tout dʼabord, quelques petites règles simples :</b><br />

<ul>
<li> à chaque champ placé dans le constructeur graphique, correspond une ligne dans lʼonglet « code  » ;</li>
<li> lʼordre est le même dans les deux onglets (les champs dans le constructeur graphique sont dans le même ordre que les lignes correspondantes dans lʼonglet « code  » ;</li>
<li> chaque ligne de code est composée de plusieurs paramètres et ces différents paramètres sont séparés par des groupes de trois astérisques (***) ;</li>
<li> le premier de ces paramètres indique toujours le type de champ.</li>
</ul>

<br />
<b>Voyons maintenant ce qui se passe dans le cas dʼun champ texte.</b><br />
<br />
Lʼimage ci-dessous montre la façon dont ce qui est rempli dans le constructeur graphique pour un champ texte se retrouve dans la ligne correspondante du code.<br />
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarCode/upload&file=alpdkgehbbnibiem.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier alpdkgehbbnibiem.png</a>
<br />
<br />
Si on regarde la ligne de code (on se rappelle que les différents paramètres sont délimités par « *** ») on constate, par exemple, que :<br />

<ul>
<li> le 1<sup>er</sup> paramètre contient bien le type de champ,</li>
<li> dans le 2<sup>e</sup> on retrouve le nom du champ,</li>
<li> le libellé du champ est dans le 3<sup>e</sup> paramètre,</li>
<li> les 4<sup>e</sup> et 5<sup>e</sup> paramètres contiennent les nombres de caractères affichés et maximum respectivement,</li>
<li> le 9<sup>e</sup> paramètre indique que le champ est obligatoire (« 1  »),</li>
<li> le 11<sup>e</sup> paramètre contient le texte dʼaide,</li>
<li> le 12<sup>e</sup> paramètre indique que le champ peut être lu par tout le monde (« <i> »).

Tous ces détails et bien dʼautres encore se trouvent sur la page https://yeswiki.net/?ChampsPossibles

</i><i>Regardons à présent les différences dans le cas dʼun champ de type groupe de cases à cocher.</i>*</li>
</ul>

<br />
Lʼimage ci-dessous montre la façon dont ce qui est rempli dans le constructeur graphique pour un groupe de cases à cocher se retrouve dans la ligne correspondante du code.<br />
<br />
<a href="https://la-tisseuse.fr/ateliers_yeswiki/?YWDocBazarCode/upload&file=oeimcnmcfckahabb.png" class="btn btn-primary"><i class="fa fa-upload icon-upload icon-white"></i> Télécharger le fichier oeimcnmcfckahabb.png</a>
<br />
Le comportement est identique à celui que lʼon a vu pour un champ de type texte à la différence de :<br />

<ul>
<li> le 1<sup>er</sup> champ dans le constructeur graphique (intitulé «nom ») est vide et nʼa pas de correspondance dans la ligne de code ;</li>
<li> le 2<sup>e</sup> paramètre de la ligne de code contient le nom de la liste utilisée pour ce groupe de cases à cocher ;</li>
</ul>

<br />
La page de référence pour retrouver le rôle de chacun des paramètres des codes de champ bazar est : <a href="https://yeswiki.net/?ChampsPossibles">https://yeswiki.net/?ChampsPossibles</a></div>

		
</div>	
</div>
</div> <!-- end of panel -->

<br />
<!-- start of section -->
    <section class="background-image pattern-border pattern-border-dotted cover shape-rounded text-left" data-file=&apos;&apos; style="background-color:#f8c400;     border-color: #f8c400;
    background-color: var(--main-bg-color);">
<div class="container">
<h3>A toi de jouer !</h3>
Dans le formulaire créé dans l&apos;exercice précédent, amuse toi :<br />

<ul>
<li> crée de nouveaux champs</li>
<li> mets certains champs en saisie obligatoire</li>
</ul>

Dans l&apos;onglet "Listes" :<br />

<ul>
<li> crée une nouvelle liste</li>
<li> retourne dans ton formulaire de test pour appeler cette liste dans une question de type "cases  cocher"</li>
</ul>

<br />
<div class="include">
Tu es en difficulté ou tu as des questions ? N&apos;hésite pas à solliciter la communauté YesWiki sur <a href="https://forum.yeswiki.net/" class="newtab" track="true">le forum</a><br />
<br />
<br />
</div>


</div>
</section> <!-- end of section --></div>
		
</div>	
</div>
</div> <!-- end of panel -->


</div> <!-- end of accordion --></div>                </div>
    </div><!-- /.row -->
</div> <!-- /.container -->

      <div class="clearfix"></div>
    <div class="BAZ_fiche_info">
      
      <div class="BAZ_actions_fiche">
                          <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ConceptionTechniqueDuFormulaire">
            <i class="fa fa-eye"></i>
            <span>Voir la fiche</span>
          </a>
                                      <a class="btn btn-entry-action btn-sm btn-default" href="https://la-tisseuse.fr/ateliers_yeswiki/?ConceptionTechniqueDuFormulaire/edit">
              <i class="fa fa-pencil-alt icon-pencil"></i>
              <span>Modifier</span>
            </a>
                                        </div>
      
    </div>
  </div>
]]></description>
        <pubDate>Thu, 19 Dec 2024 10:10:53 +0100</pubDate>
      </item>
    </channel>
  </rss>