title: fix width and height of p:tabView primefaces
body: <p>I have this <code>p:tabView</code> </p>
  
  <pre><code>&lt;p:tabView id="monpanel"  &gt;
  
              &lt;p:tab id="tab1" title="Informations"&gt;
                  &lt;ui:include src="includes/Informations.xhtml" /&gt;
              &lt;/p:tab&gt;
  
              &lt;p:tab id="tab2" title="Prix"&gt;
              &lt;ui:include src="includes/Prix.xhtml" /&gt;
              &lt;/p:tab&gt;
  
              &lt;p:tab id="tab3" title="Fournisseurs"&gt;
              &lt;ui:include src="includes/fournisseurs.xhtml" /&gt;
              &lt;/p:tab&gt;
  
              &lt;p:tab id="tab4" title="Stock"&gt;
              &lt;ui:include src="includes/stock.xhtml" /&gt;
              &lt;/p:tab&gt;
  
          &lt;/p:tabView&gt;
  </code></pre>
  
  <p>and I want to fix the height and width to all tabs and when the width of one of them change because of the validation : all of them get the same width</p>
  
  <p>and also I want to know if it is possible to make scrollbar inside <code>p:tabView</code></p>
  
  <p><em><strong></em>**<em>*</em>**<em>*</em>**<em>*</em>**<em>*</em>**<em>*</em>**<em></strong> solution : <strong></em>**<em>*</em>**<em>*</em>**<em>*</em>**<em>*</em>**<em>*</em>**<em>*</em>****</strong></p>
  
  <pre><code>&lt;p:tabView id="monpanel"&gt;
  
              &lt;p:tab id="tab1" title="Informations"&gt;
                  &lt;p:scrollPanel style="width: 596px;height: 231px;border: none;" mode="native" &gt;
                      &lt;ui:include src="includes/Informations.xhtml" /&gt;
                  &lt;/p:scrollPanel&gt;
              &lt;/p:tab&gt;
  
              &lt;p:tab id="tab2" title="Prix"&gt;
                  &lt;p:scrollPanel style="width: 596px;height: 231px;border: none;" mode="native" &gt;
                      &lt;ui:include src="includes/Prix.xhtml" /&gt;
                  &lt;/p:scrollPanel&gt;
              &lt;/p:tab&gt;
  
              &lt;p:tab id="tab3" title="Fournisseurs"&gt;
              &lt;p:scrollPanel style="width: 596px;height: 231px;border: none;" mode="native" &gt;
                  &lt;ui:include src="includes/fournisseurs.xhtml" /&gt;
                  &lt;/p:scrollPanel&gt;
              &lt;/p:tab&gt;
  
              &lt;p:tab id="tab4" title="Stock"&gt;
              &lt;p:scrollPanel style="width: 596px;height: 231px;border: none;" mode="native" &gt;
                  &lt;ui:include src="includes/stock.xhtml" /&gt;
                  &lt;/p:scrollPanel&gt;
              &lt;/p:tab&gt;
  
  
  
          &lt;/p:tabView&gt;
  </code></pre>