Nouvel objet "Image Form"...
Autor: Elbe 2
Besucht 1127,
Followers 1,
Geteilt 0
À l'attention d'INCOMEDIA,
Bonjour à l'équipe !
J'ai acheté le nouvel objet "Image Form". Il est pratique mais il manque la possibilité de gérer la dimension des photos mises pour le questionnaire.
En effet, une width à 100% & une max-width à 100% ne restituent pas correctement les photos, qui sont coupées ou décalées.
Exemple : j'ai 4 questions avec 4 images de hauteur 98 px composées de 4, 3, 2 puis 1 ampoule électrique.
Voilà l'affichage ci-dessous...
Pouvez-vous ajouter rapidement cette fonction de réglage de taille ?
Avec mes remerciements...
Cordialement,
Lionel
Gepostet am
Autor
Bonjour à tous !
À l'attention d'INCOMEDIA,
En attendant une modification & amélioration de cet objet, comme demandé ci-dessus, pouvez-vous me donner une astuce pour modifier l'affichage des photos afin qu'elles soient dans les bonnes dimensions ?
Avec mes remerciements,
Cordialement,
Lionel
Autor
À l'attention d'INCOMEDIA,
J'ai identifié la fonction css à modifier :
Votre codage d'origine :
#pluginAppObj_60_visualform .img-container .img-answer {
width: 100%;
max-width: 100%;
height: auto;
object-fit: cover;
pointer-events: none;
Résultat :
Votre codage à modifier ainsi :
#pluginAppObj_60_visualform .img-container .img-answer {
width: 100%;
max-width: 100%;
height: auto;
object-fit: scale-down;
pointer-events: none;
Résultat :
Merci de corriger cet objet rapidement car chaque exportation du projet utilise votre codage d'origine et oblige à modifier le code css...
Ce qui sera efficace en attendant la possibilité de gérer les dimensions des containers et des photos dans l'objet lui-même...
Cordialement,
Lionel
Hello Elbe
What you're seeing here is not actually an error and for this reason, this won't be treated as a bug to fix by the development team, but it is the way the Object is supposed to work
With the cover option, if the image doesn't fit the size of the space it has to fill, it will be expanded until it does. Providing an image of the right size helps the Object get a nicer look, but even if the image provided isn't the right size, the code will do its best to make it fit, which isn't what happens if you use scale-down and the image isn't the appropriate size
For this reason, if you prefer this look at the moment, it is correct to proceed with custom codes only.
If you want this change to remain and not be needed every upload, simply add this CSS code in Step 3 -> Properties -> Code for this specific page
I remain available here
Stefano
GOOGLE TRANSLATE ---
Bonjour Elbe
Ce que vous voyez ici n'est pas réellement une erreur et pour cette raison, cela ne sera pas traité comme un bogue à corriger par l'équipe de développement, mais c'est la façon dont l'Objet est censé fonctionner
Avec l'option de couverture, si l'image ne correspond pas à la taille de l'espace qu'elle doit remplir, elle sera agrandie jusqu'à ce qu'elle le fasse. Fournir une image de la bonne taille aide l'objet à avoir un aspect plus agréable, mais même si l'image fournie n'est pas de la bonne taille, le code fera de son mieux pour l'adapter, ce qui n'est pas ce qui se passe si vous utilisez l'échelle- vers le bas et l'image n'est pas de la bonne taille
Pour cette raison, si vous préférez ce look pour le moment, il est correct de procéder uniquement avec des codes personnalisés.
Si vous souhaitez que ce changement reste et ne soit pas nécessaire à chaque téléchargement, ajoutez simplement ce code CSS à l'étape 3 -> Propriétés -> Code pour cette page spécifique
je reste disponible ici
Stefano
Hello Lionel
Comme indiqué par Stefano mets le code suivant dans les propriété de ta page ou se touve l'objet pluginAppObj_60_visualform et cela devrait fonctionner à chaque fois même après un export
<style>
#pluginAppObj_60_visualform .img-container .img-answer {
width: 100%;
max-width: 100%;
height: auto;
object-fit: scale-down !important ;
pointer-events: none;
</style>
Axel
Cela fonctionne du coup ?
Autor
Hello Axel !
Je rentre de voyage & vais tester ta méthode...
Je te remercie pour ton message & ta sollicitude...
Je te tiens au courant...
Cordialement,
Lionel
Autor
Hello Axel !
Il doit manquer une parenthèse dans ton code ?
Pour l'instant, cela ne fonctionne pas...
J'ai testé à différents endroits de la page, sans succès...
Peut-être faut-il cibler directement l'objet ?
Dans l'attente de ton retour d'informations ?
Cordialement,
Lionel
Autor
<style>
#pluginAppObj_60_visualform .img-container .img-answer
{
width: 100%;
max-width: 100%;
height: auto;
object-fit: scale-down !important ;
pointer-events: none;
}
</style>
Cela devrait fonctionner en mettant ce code dans le body ?
Pas dans le body mais entre <head> et </head>
... (It > Fr) ... il n'y aurait aucun problème si vous savez utiliser ou préparer des images de dimensions égales ou congruentes...
... mais sans le LIEN de la page elle ne peut pas être vérifiée et évaluée...
.
Autor
Bonjour Axel,
Bonjour KolAsim,
Je vais mettre en œuvre vos suggestions puis revenir vous informer du résultat...
KolAsim : la landing page est en cours de préparation, donc non-publiée sur le serveur du client...
Bien cordialement,
Lionel
... OK... Ciao
Hello Lionel,
Alors c'est OK avec le code CSS dans la page ?