Background Portlet

Disponible depuis la version 6.2.31 de DivePort, le Background Portlet est utile pour regrouper visuellement des éléments d'information ou des groupes d'indicateurs. Un regroupement visuel est une technique que vous pouvez utiliser pour attirer l'attention des utilisateurs sur des sous-ensembles d'informations connexes. Par exemple, dans la figure 1, nous avons deux ensembles de Marker Portlets, un ensemble (graphique et tableau) pour "Produits" et un pour "Familles". Nous pouvons maintenant ajouter l'accent sur chacun des deux ensembles de Portlets en les combinant visuellement avec un Marker Portlet.

(Fig 1)

Pour ajouter un rectangle de fond à chacun des deux ensembles de portlets :

1) Ajouter un portlet, puis sélectionner Background Portlet.
2) Sélectionner l'arrière-plan de type Rectangle (figure 2).

(Fig 2)

3) Modifier les options de base du Portlet pour répondre à vos besoins spécifiques (figure 3).

(Fig 3)

Ici, nous avons utilisé les réglages suivants pour créer un Portlet avec un fond gris clair et avec un contour gris foncé:
a. Couleur du rectangle : 127,127,127
b. Epaisseur du rectangle : 2
c. Remplissage du rectangle : 194,196,198
d. Rayon de l'angle : 7
e. Rayon de flou de l'ombre : 0
f. Décalage de l'ombre portée : 10
g. Couleur de l'ombre portée : 194,196,198

4) Avec la taille du Background Portlet réglé sur auto, vous pourrez faire glisser ce Portlet sur les Portlets existants autour desquels vous souhaitez placer une bordure (figure 4).

(Fig 4)

5) Remarque : Dans ce cas, vous devrez configurer le Backup Portlet pour qu'il soit en arrière-plan sur la page afin d'obtenir l'effet désiré. Dans la liste des Portlets, sélectionner le Background Portlet pour le déplacer en bas de la liste (figure 5).

(Fig 5)

6) Répéter ces étapes pour créer autant de Background Portlets nécessaires à la réalisation de l'effet désiré (figure 6).

(Fig 6)

Télécharger PDF