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

À 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 ?

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 

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

<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 ?

... (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...

.

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 ?