Création d'un tableau de bord Pentaho CDE avec une largeur de 100%

Question

Quelle est la meilleure/correcte façon de créer un tableau de bord Pentaho (CDE) qui utilise la largeur maximale (100%) de la taille d'une fenêtre de navigateur? Je dois supprimer la largeur par défaut de 960 pixels définie par screen.css.

Answer 1

1. Utilisez bootstraptableau de bord de type au lieu de défaut blueprint. Le type de tableau de bord peut être modifié dans Settings > Dashboard Type dans l'éditeur CDE.

2. Si vous souhaitez utiliser largeur vous devez remplacer la définition par défaut CSS de container div. La valeur par défaut provient de biserver-ce/pentaho-solutions/system/pentaho-cdf/css/cdf-bootstrap-style-includes.css.

   .container { 
       width: 1170px; 
   } 
   

   Pour surcharger les styles CSS naviguer à Add Resource dans un tableau de bord Layout définition et ajouter CSS Code Snippet avec le code suivant:

   .container { 
       width: auto; 
   }