Horizontal scrollbar not showing

Hi there, this is common for sites that have more than a few user roles and the Permissions page gets quite wide. There is a bit of CSS in Fusion Core that does an "overflow: hidden" and causes the content in the div to be cut off and not shown.

They way around this, and is site specific so no generic fix here, is to write some CSS that allows for an "overflow: visible" for your specific div. So if you are having issues on the Permissions page, go there and look at your wrapping div and change it's CSS to "overflow: hidden".

This is what is being done in Fusion Core to hide the overflowing content so you need to write some CSS that overrides it for your specific case.

.row,
.nested,
.block {
  overflow: hidden;
}

So to get the scrollbar to appear for the permissions page try adding this bit of CSS to your theme's "local.css" file.

body#pid-admin-user-permissions #content-region-wrapper.row {
  overflow: auto;
}

Hope that helps!

Well if you have lots of tables and that sort of thing then you may just want to set all rows to "overflow: auto" so it works most of the time.

.row {
  overflow: auto;
}

It may affect other aspects of your site so you may want to test it before putting it on the live site. Otherwise you will have to write a new rule for each page you want to have the overflow scroll on by using it's body ID just as you did for the permissions page.

Hope that helps!

It is strange but this suggestion doesn't work for me. Still no horizontal scroll bar when table doesn't fit in the browser window. Any other suggestions?

Try overflow: scroll; instead of overflow: auto;

Thank you for suggestion, but I already tried .row {overflow: scroll;} and I get something totally ridiculous - bunch of bars at the bottom and on the right of the table. (See attached screenshot.)

.row {overflow: scroll;} is going to affect every single region on your page, which is creating empty scroll bars on every single div with the class "row". You just need to be more specific with your CSS selector.

Try this:

.page-admin .content-group {
  overflow: scroll;
}

@Encarte - I understand your concern, but Acquia Marina is not an Administration theme, is not intended to be used as such and any changes that need to be made to make it work well with admin pages is considered a theme customization.

The issue here is NOT a theme bug. When a table, such as many admin tables, include a large amount of data, it needs a large amount of horizontal space to display that data. If the theme user has chosen to use a 960 pixel fixed width layout, there will most likely not be enough horizontal space to display many different admin page forms. Were the user to switch to a fluid-width layout for the theme, the issue would resolve itself, since the browser window could be enlarged to show the extra data.

Acquia Marina is meant to be customized using the provided local.css file, which makes it easy for users to backup their customizations when updating the theme. This isn't an issue of us not being able to "get this kind of thing right," this is simply a request for the theme to support an element (admin pages) that the theme is not intended to support.

We highly suggest to all our users to use a dedicated Administration theme such as Rubik as their admin theme.

overflow: hidden was removed from the Drupal 7 release of Fusion. We decided not to backport it to D6 Fusion because it would have too much of an impact on the thousands of existing sites out there. If anyone prefers the D7 method on D6 in the meantime, they can add the provided CSS to their local css file.

.row {overflow: scroll;} is going to affect every single region on your page, which is creating empty scroll bars on every single div with the class "row". You just need to be more specific with your CSS selector.

You are right, by being more specific I was able to add a scroll bar to the wide table only, but it is still a pretty lousy solution. It forces scroll bars even if you have a large monitor and table fits pretty fine. for now I found that

div.view-content{
  overflow:auto;
}

is more useful since it adds a scroll bar only when it is necessary.

BTW in my case it is NOT an administration table. It seems that this problem was introduced after I updated from version 2 to version 3 on Drupal 6.