Moovapps – Solution métier : Modifier la taille des lightbox

Dans l’interface Workplace, l’ouverture des formulaires de tableaux dynamiques se fait dans une lightbox.  Les lightboxs sont des composants courants en webdesign. Il s’agit d’afficher un nouvel écran en superposition des précédents, en masquant le reste de l’écran par un fond noir.

Affichage d’un formulaire de tableau dynamique dans une lightbox

 

De fait, le formulaire de tableau dynamique ne s’affiche pas en plein écran, puisqu’il est contraint à la taille de la lightbox. Celle-ci est définie par défaut par Moovapps.

Lorsque les formulaires de tableaux dynamiques sont complexes et contiennent beaucoup de champs, ceci oblige donc l’utilisateur à scroller pour naviguer au sein du formulaire. Il est toutefois possible de piloter la taille des lightbox afin que le formulaire des tableaux dynamiques s’affiche en plus grand. Nous verrons deux manières de réaliser ce paramétrage.

1ère méthode : modification par script

Dans le Studio, éditez le formulaire de tableau dynamique, et place un composant Script dans le formulaire.

Editez le script, et copiez/collez le bout de code suivant :

La taille indiquée ici est exprimée en pourcentage de la largeur (respectivement hauteur) de l’écran.

Ainsi, dans l’exemple ci-dessus, la lighbox occupera 95% de la hauteur et de la largeur de l’écran (la taille par défaut est 75).

 

2e méthode : modification par une extension Java

Il est possible de réaliser le pilotage de la taille de la lightbox depuis une classe d’extension java, étendant BaseResourceExtension.

Il vous faudra ensuite juste rajouter votre classe d’extension Java sur votre formulaire de tableau dynamique.

Résultat

Une fois le paramétrage effectué, voici le résultat :

Auteur de l'article

Thomas Paumier, Business Consultant Manager chez Visiativ Solutions Switzerland

Quoi de neuf dans le monde de la CAO ?

Restez informé grâce à notre fil d’actualités alimenté régulièrement par nos experts métiers : des zooms sur les nouveautés produits, des trucs et astuces, des tutoriels, des témoignages, des top listes, des success stories, des photos et des comptes-rendus des évènements…

Abonnez-vous à notre newsletter: