Titres tronqués en v5

Request description

Bonjour,

Nous constatons qu’en v5 les titres des formulaires sont tronqués alors qu’il y a suffisament de place pour l’afficher en entier comme en v4.

Est-ce qu’il existe un paramétrage permettant d’agrandir le nombre de caractéres max pour les titres affichés ?

(Je pensais que c’était du CSS comme pour le fil d’Ariane que j’ai pu réafficher en entier mais non, dans le code HTML le titre n’est pas en entier.)

Steps to reproduce

En v4 :

En v5 :

Technical information

Instance /health
[Platform]
Status=OK
Version=5.1.30
BuiltOn=2022-02-22 17:20
Git=release/131ccaa2f66a6b8c713377febeda0f5ec566f3de
Encoding=UTF-8
EndpointIP=
EndpointURL=
TimeZone=Europe/Paris
SystemDate=2022-09-12 17:35:18

[Application]
ApplicationVersion=
ContextPath=
ContextURL=
ActiveSessions=3
TotalUsers=9
EnabledUsers=8
LastLoginDate=2022-09-12 17:29:59

[Server]
ServerInfo=Apache Tomcat/9.0.58
ServerType=WEB
ServerActiveSessions=9

[OS]
Name=Linux
Architecture=amd64
Version=3.10.0-1160.76.1.el7.x86_64
DockerImageName=centos7
SystemEncoding=UTF-8

[Disk]
DiskFree=6402
DiskUsable=1266
DiskTotal=100663

[JavaVM]
Version=17.0.2
Vendor=Eclipse Adoptium
VMName=OpenJDK 64-Bit Server VM
VMVersion=17.0.2+8
ScriptEngine=rhino
ScriptEngineVersion=Rhino 1.7.13 2020 09 02
HeapFree=223959
HeapSize=598016
HeapMaxSize=2007040
TotalFreeSize=1632983

[Cache]
GrantCache=0
GrantCacheMax=0
GrantCacheRatio=0
ObjectCache=572
ObjectCacheMax=10000
ObjectCacheRatio=5
ProcessCache=0
ProcessCacheMax=10000
ProcessCacheRatio=0

[Database]
Vendor=4
ProductName=Oracle
ProductVersion=Oracle Database 18c Express Edition Release 18.0.0.0.0 - Production
Version 18.4.0.0.0
DriverName=Oracle JDBC driver
DriverVersion=21.1.0.0.0
DBDate=2022-09-12 15:35:18
DBDateOffset=-7200
DBPatchLevel=5;P01;3912ca6c44bd2eba0e0b0ca850d8e290
UsingBLOBs=true

[Healthcheck]
Date=2022-09-12 17:35:18
ElapsedTime=15

Effectivement en V4 on pouvait mettre un titre énorme dans le titre, et on ne peut plus pour des raison d’UX (cf d’autres bugs sur le sujet qd les titres débordaient). La barre de titre est passée en flexbox en V5 pour éviter les dépassements liés au “float:left” V4.

Sur le contenu du titre : c’est la clé fonctionnelle de l’objet (les champs clés concaténés).

En back :

  • Pour changer le titre affiché sur un objet vous pouvez le faire en surchageant le hook getUserKeyLabel.
  • ou en spécifiant le champ “Title” de la définition de l’objet pour mettre les champs souhaités.

En front :

  • Le titre dans un formulaire en tronqué à 80 caractère s’il déborde, dans ce cas un tooltip sur hover permet de le voir en entier si besoin. 80 n’est pas paramétrable mais on pourrait le rendre, c’est la valeur qui permet de rester humainement lisible pour un titre.

Votre copie d’écran est assez étrange car il y a effectivement de la place perdue… normalement ça donne plutôt ça avec un justify-content: space-between; flex-wrap: nowrap;

Vous avez dû retirer un “nowrap” quelque part. Vous pouvez changer ce flex pour dimensionner le titre à votre convenance.

image

Bonjour François,

Pouvoir augmenter la limite serait très bien, dans notre cas il nous manque que 10 caractères environs pour avoir le titre complet.

La place perdu semble venir de la règle CSS suivante qui a été ajouté en v5 dans notre STDTheme_gen.css.

image

Quand je suis connecté en designer le titre est bien sur une seule ligne :

Cette règle n’est pas présente dans STDTheme_gen.css en v4.
Comment fonctionne la génération de ce fichier css ? il est construit automatiquement à partir du paramétrage du thème + le thème de base sélectionné ?

Cette règle CSS n’est pas livrée dans le 5.2.
Elle a du être ajoutée

  • dans votre fichier Styles complémentaires = addon.less du thème
  • ou dans la ressource STYLES d’une disposition responsive / default.

Le fichier “gen” est bien la compilation du less = thème de base + fichier addons.
Essayez de retirer votre CSS spécifique pour revenir à du “nowrap”.

De notre côté, on va revoir cette partie pour éviter de tronquer le titre “en dur” à 80 caractères, et laisser une règle CSS le faire, du type “text-overflow: ellipsis” si c’est possible dans du flex.

Après pas mal d’essais, c’est impossible de permettre un titre très long sans ellipsis et sans que la barre d’actions à droite déborde et passe sur 2 ou 3 lignes (ce qui doit rester un cas exceptionnel, en version supérieure on peut grouper les boutons d’Actions pour encore gagner des espaces).

Un paramètre UI sur les formulaires d’objet a été ajouté en 5.2 pour tronquer le titre au delà de 120 caractères par défaut (au lieu de 80 actuellement), et toujours avec un tooltip si ça dépasse.

Simplicite.UI.Globals.form.titleMax = 120;
  • surchargeable comme tout global par instance UI via hook :
    obj.locals.ui.form.titleMax = 250;
  • et aussi dans les options de la méthode
    $ui.displayForm(ctn, obj, id, { titleMax: 200 })

D’accord, merci François.

This topic was automatically closed 60 minutes after the last reply. New replies are no longer allowed.