Uploaded image for project: 'RichFaces'
  1. RichFaces
  2. RF-11418

rich:tabPanel cuts off the tabs on the right

    Details

    • Steps to Reproduce:
      Hide

      Create a page with many tabs so that there is not enough space to display them all.

      Show
      Create a page with many tabs so that there is not enough space to display them all.
    • Workaround Description:
      Hide

      The following hack will fix the problem:

      tabPanelFix.css
      .rf-tab-hdr-tabline-vis {
      	height: auto;
      	background-color: white;
      }
      
      .rf-tab-hdr {
      	white-space: normal;
      	text-align: center;
      	background-color: white;
      }	
      
      .rf-tab-hdr-act {
      	background-color: #BED6F8;
      }
      
      .rf-tab-lbl {
      	white-space: normal;
      }
      
      tabPanelFix.js
      jQuery(document).ready(function() {
      	jQuery("td.rf-tab-hdr-spcr").width("auto");
      });
      

      The result is shown in the 2nd attached image.

      Show
      The following hack will fix the problem: tabPanelFix.css .rf-tab-hdr-tabline-vis { height: auto; background-color: white; } .rf-tab-hdr { white-space: normal; text-align: center; background-color: white; } .rf-tab-hdr-act { background-color: #BED6F8; } .rf-tab-lbl { white-space: normal; } tabPanelFix.js jQuery(document).ready(function() { jQuery( "td.rf-tab-hdr-spcr" ).width( "auto" ); }); The result is shown in the 2nd attached image.

      Description

      Tabs are cut off on the right, if there are too many of them. Instead of starting to wrap on the white spaces and growing vertically, the tabPanel simply cuts off the tabs that don't fit, as shown in the attached picture.

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  Unassigned
                  Reporter:
                  vace117 Val Blant
                • Votes:
                  2 Vote for this issue
                  Watchers:
                  7 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: