CiviCRM Community Forums (archive)

I'm having a problem with CiviCRM in Drupal 5.2. Certain CiviCRM pages, for instance when listing contacts, overflow the container rightwards. This is esp bad for me since I have the navigation block on the right. The CiviCRM content is "under" the nav bar and, while it's visible, any CiviCRM links under the navbar are unreachable. I would be appreciative of any tips on how to tweak the css or the templates to prevent this.

I've narrowed it down to the call for the include file /civicrm/templates/CRM/Contact/Form/Selector.tpl from within the page
/civicrm/templates/CRM/Contact/Form/Search.tpl.

If I go to Find Contacts (uses Search.tpl) and Click the Search button to reveal the search results (default: lists all contacts) the contact list overruns the container. Included into Search.tpl is BasicCriteria.tpl. Now, BasicCriteria.tpl ends with a

</table>
and when search results are visible, Selector.tpl is included just after this table end. Selector is what lists the contacts.

I experimented with moving the table-end tag so that Selector.tpl would remain inside the table and that stopped the over-running of the container, but I could not navigate to the right extreme of the search selector, plus it pushed my right sidebar down to the bottom of the page.

After thinking about this, I think the solution that would be acceptable to me (if it's possible) would be to make the Selector.tpl appear in a scrollable layer. I looked around for scripts that would do this and I found a couple. They seem very complex. Does anyone have any such magic tricks up your sleeves. Or, is there a way to have the Selector.tpl include appear in an iframe with scrollbar set to auto?

Just being able to scroll would solve, if not elegantly, my issue.

Hi,
Thanks. So far I haven't looked at the civicrm_theme module, but I have experimented with my theme's style.css file (I'm using Marinelli). I came up with two potential fixes: One sets the overflow property for the #primary element in the theme's style.css file to auto, but as the scrollbar shows up potentially way down the page I guess I'm temporarily going to go with setting the z-index of the element at 10 so it's always on top (and obscures the sidebars-- before the CRM display was beneath the sidebars). Not such an issue as mostly it will be administrators on these contact search pages, but I also noticed a user page where the issue arises, namely the user dashboard page that uses CiviCRM's UserDashBoard.tpl

I have no idea why the user dashboard cells need to overflow like that; seems they should be sizable. I tried setting the table width in UserDashBoard.tpl but that seemed to have no effect. Any ideas you might have would be welcomed.