[Hack] Ajouter des barres de défilement dans vos list views

S’il n’y a pas de limite technique dans le nombre de colonne d’une list view, il y en a une à l’usage (en particulier si la résolution de vos écrans est basse). Et si comme moi, vous êtes frustré de devoir choisir 5-6 colonnes dans vos list views, ce hack est fait pour vous ! L’affichage fonctionne aussi sur mobile, pour les listes éditables et avec tous les thèmes standards.

scroll

La procédure :
  1. Changer la propriété Name de la vue dans le formulaire.
  2. Puis, comme pour les autres hacks, il suffit d’ajouter un data label literal sur votre formulaire et de passer le texte suivant :

<style>.theme-entry .view div[name=”MaListe“] .grid-body{overflow: auto;max-height: 400px;}.theme-entry .view div[name=”MaListe“] .grid-body .grid-column-headers, .theme-entry .view div[name=”MaListe“] .grid-body .grid-body-content{min-width: 1000px;width: 150%}</style>

MaListe est le nom de votre vue dans le formulaire et les valeurs en gras sont vos préférences d’affichage.

Le résultat :

Vous pouvez tester le rendu sur cette page: Liste avec des barres de défilement

Au passage, je remercie Konstantin Fukszon et Migael Moolman pour cette astuce.

C’est tout pour cette fois, Cheers !

benjamin

Technical Specialist @t K2 France ----- Twitter : @benjaminbertram ----- LinkedIn : Benjamin Bertram

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.