Search Selector Runs Over Container in Drupal 5x

[farmrchrys]

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

Code: [Select]

</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.

[Dave Greenberg]

I checked the HTML for the search page when search results (selector) are displayed to see if there was a structural problem (unclosed tags etc.) - and the W3C markup validator doesn't show any nesting or other issues that might be causing or contributing to the problem. I'm not sure there's a "generalizable" way of fixing layout issues like this so that things will work nicely for any combination of themes / page layouts - although we're certainly open to suggestions for improving the markup / css.

Have you looked at ways of invoking a different or modified theme (w/ nav on the left and eliminating right sidebar or ...) for the /civicrm/* pages-sections of your site. I think there's a module (civicrm_theme) that makes it fairly easy to do this.

[farmrchrys]

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.