Problème déformation avec le Panneau d'Administration.

[Trw]

Bonjour!
Je viens vers vous pour savoir s'il était possible de faire quelque chose au niveau du Panneau d'Administration.
Nous avons des images qui s'affichent et qui déforment totalement l'interface.



On ne peut pas contrôler ce que tout nos membres mettent comme image dans leur profil et on ne peut pas redimmensionner toutes les immages de chaque membre. Il n'y aurait pas un moyen pour avoir un max-width pour les images presentes dans le panneau d'administration pour ne plus avoir le problème?

Merci d'avance!

[Invité]

Hello Trw,
hum, je ne saisie pas trop ta demande car le P.A ne reflète pas les images du profil.
Pourrais-tu être plus explicite sur ta demande.
Que fais-tu pour arriver à cet affichage ?
Tu cliques sur un profil d'un membre via ton P.A?

a++

[Trw]

Alors je vais dans Utilisateurs & Groupes > Gestion des Utilisateurs
je clique sur n'importe quel utilisateur en particulier pour changer son rang et il m'arrive ça
Les images s'affichent dans leurs tailles réelles et déforment donc tout...
Je ne sais pas comment expliquer plus malheureusement...

[Invité]

Re,
ce n'est pas normal,
as tu des images dans les rangs des membres et si oui laquelle stp.

a++

[Trw]

Je n'ai pas d'images pour les rangs non..
Ce sont des champs que nous avons rajouter dans les profils pour laisser au gens la possibilité de mettre des moodboard ou autres

[Invité]

Re,
ok merci, tu utilises Chrome, tu dois avoir des extensions,
il faudrait les supprimer en dehors de Addblock car des textes du P.A sont déformés et je ne vois pas
comment ils pourraient l'être sans extensions!!!!!!
a++

[Trw]

Re,
j'ai supprimé toutes les extensons, refresh la page, fermer et rouvert, mais c'est toujours présent ...

[Oka.mi]

Bonjour Trw,

Le problème vient très probablement de l'image figurée dans votre première capture d'écran (du champ "carte blanche").
En effet, lorsque l'image est trop grande, cela peut déformer le panneau d'administration. Il faudra redimensionner l'image de base et réessayer.

[Trw]

bonjour,

le soucis est que ce n'est pas mon compte mais celui d'un membre, et ce n'est pas le seul ...
il faudrait donc redimensionner toute les images de tout les membres un par un ? ...

[Oka.mi]

Malheureusement, à ma connaissance, il n'y a aucun moyen de régler l'affichage d'une image dans le panneau d'administrateur (avec un code externe). Donc je pense qu'il va falloir modifier les profils problématiques un par un... à moins que. Je vais demander à un modéractif de remonter ce souci aux techniciens. S'ils ont le temps de régler votre problème, ce sera le meilleur scénario pour vous (et pour les autres utilisateurs). Si non, il faudra faire manuellement, et je vous propose de poster une suggestion à cette fin ici https://forum.forumactif.com/f3-vos-suggestions-pour-vos-forums-sondages demander un max-width voire un overflow-x (que je trouve plus approprié) sur les images de cette page précise du PA. Je pense même qu'elle peut s'accompagner d'une suggestion pour ajouter une option de limitation de taille à la création d'un champ de type image.

[Chacha]

Je vais demander à un modéractif de remonter ce souci aux techniciens.

Bonjour,

C'est fait.

Cordialement.

[Oka.mi]

Merci Chacha !

[Trw]

J'arrive un peu après la guerre du coup (miam miam oblige T.T)
Merci Oka.mi pour ta suggestion.
Du coup la suggestion est déjà remontée à ce que je comprend?
Merci Chacha

[Oka.mi]

Pour l'instant il s'agit d'attendre la réponse de l'équipe technique, de voir s'ils ont le temps de corriger le souci d'affichage de leur côté.
En cas de retour négatif, les suggestions sont là pour espérer une modification future (j'emploie le mot "espérer" parce que cela doit être soumis à un sondage avant).
Ceci dit, j'ai évoqué deux suggestions possibles, donc rien ne vous empêche de déjà poster la deuxième si vous le souhaitez

[Trw]

D'accord je vais attendre un peu alors
Vu que c'est assez handicapant j'espère que ce sera positif 🥺

[Trw]

D'accord je vais attendre un peu alors
Vu que c'est assez handicapant j'espère que ce sera positif 🥺

[Invité]

Hello les ami(e)s,
en inspectant le PA, on voit un script qui reprend la valeur de la balise input:

Code:

<input type="text" class="post inputURL" id="profile_field_6_2_content" name="profile_field_6_2[]" style="width:250px" value="https://i.goopics.net/4c4h6q.png">

Code:

$(this).after

Et donne le lien à l'image mais par contre il n'y a pas de restriction sur les dimensions de cette dernière:

Code:

<img src="' + url + '" alt="" title="" />

Code:

<script type="text/javascript">var url = '';$('.inputURL').bind('VerifInput', function(){$(this).find('~ img').remove();var url = $(this).val().replace(/"/g, '"').replace(/>/g, '>').replace(/</g, '<');$(this).after( new RegExp('^(https?|ftps?)://.+/.+\.(jpe?g|gif|png)$').test(url) ? '<img src="' + url + '" alt="" title="" />' : '' );}).change(function(){ $(this).trigger('VerifInput'); }).keyup(function(){ $(this).trigger('VerifInput'); }).focus(function(){ $(this).trigger('VerifInput'); }).trigger('VerifInput');</script>

Il faut juste à mon avis ajouter un max-width et un max-height pour ne plus avoir de déformation ici:

Code:

<img src="' + url + '" alt="" title="" />

Édit:
un correctif vient d'être apporté il me semble avec un :

Code:

max-width: 100%;

Code:

<script type="text/javascript">var url = '';$('.inputURL').bind('VerifInput', function(){$(this).find('~ img').remove();var url = $(this).val().replace(/"/g, '"').replace(/>/g, '>').replace(/</g, '<');$(this).after( new RegExp('^(https?|ftps?)://.+/.+\.(jpe?g|gif|png)$').test(url) ? '<img src="' + url + '" alt="" title="" style="max-width:100%" />' : '' );}).change(function(){ $(this).trigger('VerifInput'); }).keyup(function(){ $(this).trigger('VerifInput'); }).focus(function(){ $(this).trigger('VerifInput'); }).trigger('VerifInput');</script>


Avec le lien de ta capture de ton premier message Trw dont les dimensions de ton image sont assez conséquentes,
on obtient:



a++

[Oka.mi]

Bonjour Trw,

J'ai été faire un tour sur mon forum test et je vois qu'un correctif a été apporté. Cela devrait être réglé de votre côté également.
Merci au technicien pour son intervention rapide ^^

[Trw]

Hello!

Un correctif à bien été apporter mais malheureusement j'ai toujours le problème des écritures qui sont toute écrasée sur le côté

[Oka.mi]

Bonjour,

Je me suis permise de m'inscrire sur votre forum pour tenter de repérer le problème. Effectivement, la solution retenue (poser le max-width sur le JavaScript de l'input) ne semble pas fonctionner au-delà d'une image (edit: en fait apparemment le VerifInput se fait parfois avant, parfois après le chargement de l'image. Quand il se fait après, il laisse le temps à l'image trop grande de s'installer et le sceditor, lui, prend toute la place qu'on lui donne, et c'est lui qui maintient la déformation malgré l'arrivée du max-width à la suite).

Si c'est possible pour l'équipe technique de repasser, peut-être qu'un max-width directement dans le CSS plutôt que dans le JS règlera le souci.

[Chacha]

Si c'est possible pour l'équipe technique de repasser, peut-être qu'un max-width directement dans le CSS plutôt que dans le JS règlera le souci.

Bonsoir @Oka.mi, @Trw et @Milouze14,

La demande a été remontée aux techniciens.

Cordialement.

[Oka.mi]

Merci Chacha !

[Pinguino]

Hello @Oka.mi

Effectivement, le script ne passait pas sur toutes les images quand il y en avait plusieurs. Nous avons donc suivi la proposition et mis le style directement sur l'image.

Il risque d'y avoir du cache au niveau du CSS.

Merci.

[Trw]

Bonjour!
C'est parfait de mon côté! Tout est réglé et ce n'est plus du tout déformé !
Merci beaucoup