WebSite X5Help Center

 
Elbe 2
Elbe 2
User

Nouvel objet "Image Form"...  fr

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
13 ANTWORTEN - 1 NüTZLICH
Elbe 2
Elbe 2
User
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

Mehr lesen
Gepostet am von Elbe 2
Elbe 2
Elbe 2
User
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

Mehr lesen
Gepostet am von Elbe 2
Incomedia
Stefano G.
Incomedia

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

Mehr lesen
Gepostet am von Stefano G.
Axel  
Axel  
User

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

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User

Cela fonctionne du coup ?

Mehr lesen
Gepostet am von Axel  
Elbe 2
Elbe 2
User
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 

Mehr lesen
Gepostet am von Elbe 2
Elbe 2
Elbe 2
User
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

Mehr lesen
Gepostet am von Elbe 2
Elbe 2
Elbe 2
User
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 ?

Mehr lesen
Gepostet am von Elbe 2
Axel  
Axel  
User

Pas dans le body mais entre <head> et </head>

Mehr lesen
Gepostet am von Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Elbe 2
Elbe 2
User
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

Mehr lesen
Gepostet am von Elbe 2
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK...  Ciao 

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

Hello Lionel,

Alors c'est OK avec le code CSS dans la page ?

Mehr lesen
Gepostet am von Axel