CiviCRM Community Forums (archive)

*

News:

Have a question about CiviCRM?
Get it answered quickly at the new
CiviCRM Stack Exchange Q+A site
This forum was archived on 25 November 2017. Learn more.
How to get involved.
What to do if you think you've found a bug.



  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Upgrading CiviCRM (Moderator: Deepak Srivastava) »
  • Black navigation area broken in Internet Explorer 8
Pages: 1 [2]

Author Topic: Black navigation area broken in Internet Explorer 8  (Read 15534 times)

fen

  • I post frequently
  • ***
  • Posts: 216
  • Karma: 13
    • CivicActions
  • CiviCRM version: 3.3-4.3
  • CMS version: Drupal 6/7
  • MySQL version: 5.1/5.5
  • PHP version: 5.3/5.4
Re: Black navigation area broken in Internet Explorer 8
February 15, 2011, 12:30:35 pm
All I can say from my end is that we "fixed" the problem by switching from using the rubik admin theme to seven (which, tho not as nice as rubik, is not bad).

@ericbroder gave quite a bit more information - the issue seems to stem from a conflict between the jquery packages used by Drupal vs. the one used by CiviCRM.  A more robust fix would be nice, but jquery is something I don't know how to debug.

Good luck!

ericbroder

  • I’m new here
  • *
  • Posts: 6
  • Karma: 1
    • CivicActions supports CiviCRM
  • CiviCRM version: 3.4.0
  • CMS version: Drupal / Pressflow 6.20
  • MySQL version: 5.0.51a
  • PHP version: 5.2.8
Re: Black navigation area broken in Internet Explorer 8
February 15, 2011, 05:13:27 pm
One potential fix is described in Reply #13: http://forum.civicrm.org/index.php/topic,17442.msg76718.html#msg76718

The problem is in jquery.jstree.js (and minified version) that ships with CiviCRM. You may want to patch those files so that the shorter jQuery code replaces the longer JavaScript version.

Patch: http://code.google.com/p/jstree/issues/detail?id=747#c21

For me and Fen, we were dealing with two problems. The jsTree problem with above fix, which made the drop-down menu and other javascript stuff stop working. And a separate conflict between Rubik Drupal theme and CiviCRM, which made the quick search box stop working.
« Last Edit: February 15, 2011, 05:16:44 pm by ericbroder »
CivicActions supports CiviCRM

jimmyjam

  • I post occasionally
  • **
  • Posts: 87
  • Karma: 4
Re: Black navigation area broken in Internet Explorer 8
February 16, 2011, 12:46:25 pm
Thanks @ericbroder.  Your solution worked.

I owe you one.

James

gukleifo34

  • I’m new here
  • *
  • Posts: 1
  • Karma: 0
  • CiviCRM version: xcxdfdxhbj
  • CMS version: cxfchfgh
  • MySQL version: vfxcvfxcfv
  • PHP version: xdxfx
Re: Black navigation area broken in Internet Explorer 8
February 24, 2011, 06:54:06 pm
After I upgraded a site from CiviCRM 3.2.3 to 3.3.1, the black navigation bar across the top is broken in Internet Explorer 7/8 only.     The text entry box with the magnifying glass is missing, and nothing happens when I click on any of the top menu items. None of the child menu items even display.

I am using the "BlueMarine" theme that ships with Drupal.  I have already cleared the browser cache with no luck.

website promotion

circlebails

  • I post occasionally
  • **
  • Posts: 42
  • Karma: 0
  • CiviCRM version: 4.1.X 4.2.X
  • CMS version: Drupal-6.X / Drupal-7.X
  • MySQL version: 5.1
  • PHP version: 5.2.16/17, 5.3
Re: Black navigation area broken in Internet Explorer 8
February 28, 2011, 04:58:02 am
Hi I've just fixed (read avoided) this issue for us on a test site.

It appears that the jquery package shipping with CiviCRM-3.3.5 conflicts with the current jquery_ui module/source. So for us disabling Drupal's jquery_ui module got around the problem and allowed the menubar to load correctly in IE7 & 8.

ericbroder

  • I’m new here
  • *
  • Posts: 6
  • Karma: 1
    • CivicActions supports CiviCRM
  • CiviCRM version: 3.4.0
  • CMS version: Drupal / Pressflow 6.20
  • MySQL version: 5.0.51a
  • PHP version: 5.2.8
Re: Black navigation area broken in Internet Explorer 8
February 28, 2011, 03:43:33 pm
Quote from: gukleifo34 on February 24, 2011, 06:54:06 pm
After I upgraded a site from CiviCRM 3.2.3 to 3.3.1, the black navigation bar across the top is broken in Internet Explorer 7/8 only.     The text entry box with the magnifying glass is missing, and nothing happens when I click on any of the top menu items. None of the child menu items even display.

I am using the "BlueMarine" theme that ships with Drupal.  I have already cleared the browser cache with no luck.

gukleifo34, have you tried the fix described in #13 and #16?
CivicActions supports CiviCRM

bweber

  • I’m new here
  • *
  • Posts: 8
  • Karma: 0
  • CiviCRM version: 3.3.5
  • CMS version: Drupal 6.20
  • MySQL version: 5.1.54
  • PHP version: 5.2.17
Re: Black navigation area broken in Internet Explorer 8
March 21, 2011, 06:31:56 pm
I have the same problem with the Black nav bar not functional for IE8 when superfish is used with CiviCRM.   Drop downs are not showing for the black nav bar.   There was a second superfish issue that was fixed with #13 above.   The drupal background was bleeding through the superfish menu.   This was fixed by #13.   However I am still looking for a fix to make the Black CiviCRM nav bar functional.

It does work well for FF and Chrome.

dschafer

  • I post occasionally
  • **
  • Posts: 93
  • Karma: 3
    • Backoffice Thinking
  • CiviCRM version: 3.2.3 - 4.4.4
  • CMS version: Drupal 6.x, 7.x, Wordpress
  • MySQL version: 5.1.x - 5.5.x
  • PHP version: 5.2.x - 5.4.x
Re: Black navigation area broken in Internet Explorer 8
March 22, 2011, 10:52:43 am
Hi,
I was just able to resolve this by enabling CSS Optimization in drupal.

Enabling javascript optimization had no effect.

-- Dave

bweber

  • I’m new here
  • *
  • Posts: 8
  • Karma: 0
  • CiviCRM version: 3.3.5
  • CMS version: Drupal 6.20
  • MySQL version: 5.1.54
  • PHP version: 5.2.17
Re: Black navigation area broken in Internet Explorer 8
March 22, 2011, 12:26:02 pm
That worked for me too!   It allowed the black drop-downs to work and it removed the error that javascript must be enabled on IE8 for the dashboard too.   

Thanks!

madelynnk

  • I’m new here
  • *
  • Posts: 24
  • Karma: 0
  • CiviCRM version: 4.3.8 & 4.4.4
  • CMS version: Drupal 6.31
  • MySQL version: 5.1
  • PHP version: 5.4
Re: Black navigation area broken in Internet Explorer 8
May 05, 2011, 08:20:07 am
To Kurund: We upgraded to CCRM 3.3.5, which then conflicted with the admin menu module in IE 7/8. This was not happening prior to our upgrade. We fixed the problem with the code supplied by ericbroder (thanks Eric!). Just a heads up that upgrading does not seem to solve the problem.

linkx

  • I post occasionally
  • **
  • Posts: 86
  • Karma: 7
Re: Black navigation area broken in Internet Explorer 8
August 17, 2011, 02:18:43 pm
I fixed this issue by enabling JavaScript and CSS file optimization in Drupal under /admin/settings/performance

After that the menus worked fine in IE.

CiviTeacher.com

  • I live on this forum
  • *****
  • Posts: 1282
  • Karma: 118
    • CiviTeacher
  • CiviCRM version: 3.4 - 4.5
  • CMS version: Drupal 6&7, Wordpress
  • MySQL version: 5.1 - 5.5
  • PHP version: 5.2 - 5.4
Re: Black navigation area broken in Internet Explorer 8
October 25, 2012, 12:00:43 pm
Was experiencing conflicts on 3.4.8 between CiviCRM's jsTree and Jquery UI module which is required by Date Popup module.

Applying the patch to civicrm/packages/jquery/plugins/jsTree.v.1.0rc2in/jquery.jstree.min.js as suggested in #16 worked for me.
Try CiviTeacher: the online video tutorial CiviCRM learning library.

CiviTeacher.com

  • I live on this forum
  • *****
  • Posts: 1282
  • Karma: 118
    • CiviTeacher
  • CiviCRM version: 3.4 - 4.5
  • CMS version: Drupal 6&7, Wordpress
  • MySQL version: 5.1 - 5.5
  • PHP version: 5.2 - 5.4
Re: Black navigation area broken in Internet Explorer 8
August 20, 2013, 02:43:44 pm
Ran into this issue yet again in 4.2.  While the civicrm/packages/jquery/plugins/jstree/jquery.jstree.js file has changed, the theory behind the patch remains the same.

Search the file for:
Quote
if(tmp.styleSheet) {

Comment out that from line above all the way to up until but not including this line:
Quote
return tmp.sheet || tmp.styleSheet;

Now insert just above
Quote
return tmp.sheet || tmp.styleSheet;
this code:
Code: [Select]
$('head').append('<style type="text/css">' + opts.str + '</style>');
That seems to work for me in IE 8 and 9, without negatively affecting the site.

Note this Drupal site has "private" file system and therefore cannot compress/optimize .css files into one, which I believe css compression is the normal way to solve this problem.
 
« Last Edit: August 20, 2013, 02:50:28 pm by Stoob »
Try CiviTeacher: the online video tutorial CiviCRM learning library.
Pages: 1 [2]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Upgrading CiviCRM (Moderator: Deepak Srivastava) »
  • Black navigation area broken in Internet Explorer 8

This forum was archived on 2017-11-26.