Publiée dans la base Med Num Allier par Nicholas Belmont

Publiée le 04.08.2025

explorations #GRIST

Comment placer des images dans un formulaire GRIST pour un affichage dans une page Web ? #nocode #Logos

13 VuesVues·0 EnregistrementsEnregistrements
Enregistrer
Donner son avis

Options sur la ressource

Quel code pour intégrer une image ?

Dans un bloc texte (titre ou paragraphe), on peut insérer du HTML5 !

Par exemple :
<img src="https://adressecomplètedevotreimagehébergéeenmodepublicsurunepageweb.png" />

On peut ajouter des propriétés pour les images... mais à ce stade, je manque de temps pour les tester, par exemple :

<img class="middle" src="https://adressecomplètedevotreimagehébergéeenmodepublicsurunepageweb.png"
width="50%"
height="50%" />

class="middle" : aligner verticalement
width="50%" et height="50%" : dimensions largeur et hauteur


NB : On peut même ajouter des vidéos :D
https://support.getgrist.com/fr/widget-custom/#lecteur-video-grist

Test de propriétés image

En reprenant le dernier code HTML indiqué ci-dessus, dans GRIST, on peut voir que les 2 images sont bien alignées verticalement !

Capture d'écran 2025-08-04 230541.png

Mais dans l'affichage de la page Web (formulaire publié), on s'aperçoit que l'alignement vertical ne fonctionne pas (navigateurs testés : Firefox 128.11.0esr et Chrome Version 138.0.7204.170 Build officiel).

Capture d'écran 2025-08-04 231640.png

Logos RF ANCT FNE

Logos RF ANCT FNE
Logos_RF_ANCT_FNE.png

Bonne exploration ;)

Sources

Ressource enregistrée dans 0 collections
Bénéficiaires
Non renseigné
Licence CC BY-NC-SA 4.0· Attribution, non commercial, partage dans les mêmes conditions

Inviter des contributeurs

Les contributeurs peuvent voir, éditer, inviter d’autres contributeurs et supprimer la ressource.

Signaler la ressource

Veuillez indiquez le motif de signalement et le préciser dans votre message. Nous prendrons en compte votre signalement au plus vite.

Les champs avec * sont obligatoires.