2017-07-17 26 views
0

J'utilise PrimeFaces et j'ai un tabView en haut de la page, et le contenu de la page sous ce panneau à onglets. Cependant lorsque vous utilisez l'orientation = « left », la hauteur du panneau à onglets est trop grand:définir la hauteur de p: tabView

enter image description here

Si j'utilise l'orientation horizontale, il semble bien, bien qu'il y ait encore une petite marge:

enter image description here

J'ai essayé d'outrepasser la taille de .ui-tabs-nav mais cela n'a pas semblé faire quoi que ce soit. Comment puis-je régler la hauteur afin qu'elle corresponde au contenu affiché dans les onglets?

+0

Ouvrir la page dans un outil de développement du navigateur et voir si votre changement de style est effectivement appliqué ou infirmée par un plus spécifique sélecteur. Je suis à peu près sûr que ce dernier se passe. – Kukeltje

+0

J'ai trouvé .ui-tabs-left, essayé de surcharger cela aussi bien (dans la balise de style dans le html), ne semble pas fonctionner: s – user2711115

+0

Ensuite, lisez https://developer.mozilla.org/en-US/docs/ Web/CSS/Spécificité et essayez de faire un sélecteur plus spécifique ... (ou le même mais plus tard dans l'ordre) – Kukeltje

Répondre

0

J'ai finalement résolu mon problème en utilisant ce qui suit, on dirait que j'ai eu des problèmes de cache:

.ui-tabs-left > .ui-tabs-nav { 
    height: auto !important; 
} 
+0

Essayez d'éviter d'utiliser! Important ... – Kukeltje