Notes et "trucs" issus de la formation "wiki" avec Nicolas
Ressources communes aux sessions de septembre à novembre 2023Gérer finement la taille d'une image
Ex dans la page Nid d'Anges, on a mis un paramètre pour contrôler finement la taille d'une image : width="30" (si on augmente le chiffre, l'image est plus grande. Si on diminue, image plus petite)
Code complet : `
{{attach class="new-window" desc="image logo_facebook.png (1.2kB)" file="logo_facebook.png" link="https://www.facebook.com/profile.php?id=100064520719336" width="30"}}`Pour ajouter une formation
Il faut aller ici : https://acepp-adehl.fr/?BazaR&vue=saisir&action=saisir_fiche&id=9
Pour ajouter une photo dans le bandeau déroulant d'accueil
C'est via ce formulaire :
- pour modifier ou ajouter des photos : https://acepp-adehl.fr/?BazaR&vue=consulter&action=recherche&id=6
sur le padlet : ...(à droite)/partager/intégrer dans blog ou site web/copier le code
sur le site internet : éditer la page/coller le code / "" au début et à la fin du code
Rappel du lien vers l'aide global de Yeswiki : https://yeswiki.net/?doc#/docs/fr/README
Nos avancées et To-Do du jour 1
(Clic sur l'image pour la voir en + grand)
Tutos Vidéos
Accéder à Bazar pour créer des formulaires
Concerne
- formulaires
Complexité
Il faut des accès spéciaux
La réponse
YWDocBazarAcces
Activer les commentaires sur une Activité
Concerne
- LMS
Complexité
Il faut des accès spéciaux
La réponse
YWDocLMSActiverCommentairesActivites
Afficher des cartes avec un fond perso
Concerne
- formulaires
- carte
Complexité
Il faut des accès spéciaux
La réponse
Il faut ajouter les paramètres des sources de votre carte dans le répertoire de Leaflet
A partir de la ligne 78 :
Pour créer votre propre tileset, vous pouvez utiliser ImageMagick
- /yeswiki/tools/bazar/libs/vendor/leaflet/leaflet-providers.js
A partir de la ligne 78 :
L.TileLayer.Provider.providers = {
- On trouve la liste des providers et vous pouvez y ajouter le lien vers votre propre tileset.
MaCarte: { url: 'http://[URL de vos tiles]/{z}/{x}/{y}.png', options: { maxZoom: 5, minZoom: 2, attribution: 'Mon propre fond de carte!' } },
{{bazarliste id="" template="map.tpl.html" provider="MaCarte" lat="" lon="" zoom="1" width="" height="" query="" zoommolette="true" }}
Pour créer votre propre tileset, vous pouvez utiliser ImageMagick
Afficher la saisie de plusieurs formulaires Bazar sur une même page
Concerne
- formulaires
Complexité
Il faut réfléchir
La réponse
Sur la page de votre choix,
Cela permet de :
(le rendu en image)
- Pour afficher la saisie des formulaires 1,2,3,4,... entrez la syntaxe :
{{bazar voirmenu="0" vue="saisir" id="1,2,3,4,..."}}- Pour afficher la saisie de tous les formulaires, entrez la syntaxe :
{{bazar voirmenu="0" vue="saisir"}}Cela permet de :
- présenter de manière épurée et de choisir vos formulaires
- d'économiser le nombre de page crées
(le rendu en image)
Afficher les contours d'une zone sur une carte
Concerne
La réponse
Alors, la première étape consiste à récupérer le contour de la zone. Pour cela, il faut contacter votre cousin SIGiste et lui demander un export des contours de la zone au format
Voir la suite sur la page BazarCartoMulticouche
Voir la suite sur la page BazarCartoMulticouche
afficher les fiches sans coordonnées de localisation
Concerne
La réponse
Le template map ({{bazarliste id="..." template="map"}}) n'affiche pas les fiches qui ne possèdent pas de coordonnées de localisation.
Il y avait avant un template dédié pour les afficher. Il est maintenant possible d'utiliser une query pour les afficher comme l'ancien template "liste.fiches_horscate.tpl.html".
A noter : certaines fiches peuvent appraître sur cette liste alors qu'elles sont bien affichés sur la carte. Ceci est dû au fait que les coordonnées de localisation sont stockées avec la clé "carte_google". Il suffit juste de les ouvrir et les enregistrer pour que les données soient à nouveau enregistrées au bon format.
Il y avait avant un template dédié pour les afficher. Il est maintenant possible d'utiliser une query pour les afficher comme l'ancien template "liste.fiches_horscate.tpl.html".
- Code pour avoir exactement le même comportement que "liste.fiches_horscate.tpl.html"
{{bazarliste id="x" template="liste_liens" query="bf_latitude="}} - Code pour afficher la liste des fiches sans coordonnées de localisation mais en liste accordéon
{{bazarliste id="x" query="bf_latitude="}}
A noter : certaines fiches peuvent appraître sur cette liste alors qu'elles sont bien affichés sur la carte. Ceci est dû au fait que les coordonnées de localisation sont stockées avec la clé "carte_google". Il suffit juste de les ouvrir et les enregistrer pour que les données soient à nouveau enregistrées au bon format.
Afficher une icone dans une page
Concerne
La réponse
Pour avoir une jolie icone correspondant à la bibliothèque font Awesome il suffit d'utiliser le code suivant
et vous obtiendrez
""<i class="fas fa-ambulance"></i>""
- En allant sur le site de font Awesome vous pourrez choisir icone à votre pied
- Il vous suffira de remplacer "ambulance" par le nom de l'icone qui vous intéresse et le tour sera joué
Afficher un formulaire de saisie dans une modal
Concerne
La réponse
Il n'est pas possible d'utiliser un formulaire dans une fenêtre modale qui n'est pas iframe (bouton valider qui risque de ne pas marcher, champ géolocalisation etc.)
Par exemple le lien d'un bouton modal ne doit pas etre
mais
Par exemple le lien d'un bouton modal ne doit pas etre
{{button class="modalbox" link="Trombicreer" text="Créer ma fiche" }}
{{button class="modalbox" link="?Trombicreer/iframe" text="Créer ma fiche" title="Créer ma fiche"}}
Ajouter un bouton "Télécharger l'image" sous une image dans une fiche bazar
Concerne
La réponse
Ajouter ce script précédé de et de deux guillements dans le footer de votre site en indiquant suite à id le n° du formulaire concerné. Evidemment, le formulaire devra avoir un champ image
document.addEventListener('DOMContentLoaded', function(event) {
var img = $('.id1 .img-responsive.left');
if (img) {
img.after('<a href="'+img.attr('src')+'">Télécharger l\'image</a>')
}
});
Ajouter un champ de type « géolocalisation de l'adresse » à son formulaire
Concerne
La réponse
YWDocBazarChampGeo
Ajouter un champ de type « groupe de boutons radio » à son formulaire
Concerne
La réponse
YWDocBazarChampRadio
Ajouter un champ de type « groupe de cases à cocher » à son formulaire
Concerne
La réponse
YWDocBazarChampCheckbox