Hi Mike and Jacob, If one of you would be willing to share a patch or Pull Request with us, we'd be glad to get the fix into DSpace itself. This would avoid others having to dig through this thread to understand what the fix may look like, and it'd ensure you don't have to manage/maintain this fix in your local codebase.
Again, we've got a ticket open at: https://jira.duraspace.org/browse/DS-1995 Feel free to attach a patch to it, or send us a GitHub Pull Request (if you are so inclined). Thanks! - Tim On 5/7/2014 3:15 AM, Michael White wrote: > Hi Jacob, > >> You'll need to comment out the filter rule on the navbar-inverse class as >> well >> (which is the filter actually applied to the navbar). > > Fantastic, that did the trick - many thanks for the pointer :-) > >> If you want to preserve the header gradient, and don't care about supporting >> IE8, you can just add the following rule to .navbar-inverse (after commenting >> out the filters): > > That worked wonderfully too - cheers! > > Many, many thanks for this - getting past this has made my day (and it is > still only 9 in the morning!) - your help is very much appreciated! :-) > > Cheers, > > Mike > > Michael White > eLearning Liaison and Development (eLD) > Information Services > S8, Library > University of Stirling > Stirling SCOTLAND > FK9 4LA > Email: michael.wh...@stir.ac.uk > Tel: +44 (0) 1786 466877 > Fax: +44 (0) 1786 466880 > http://www.stir.ac.uk/is/staff/about/teams/aldt/#eld > >> -----Original Message----- >> From: Brown, Jacob [mailto:j.h.br...@tcu.edu] >> Sent: 06 May 2014 22:22 >> To: Michael White >> Cc: dspace-tech@lists.sourceforge.net >> Subject: RE: DSpace 4.1, JSPUI and IE 9 menu display issue >> >> Hi Mike, >> >> You'll need to comment out the filter rule on the navbar-inverse class as >> well >> (which is the filter actually applied to the navbar). >> >> If you want to preserve the header gradient, and don't care about supporting >> IE8, you can just add the following rule to .navbar-inverse (after commenting >> out the filters): >> >> background- >> image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy5 >> 3My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZ >> XdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGl >> uZWFyR3JhZGllbnQgaWQ9ImcyNjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZ >> U9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b >> 3AtY29sb3I9IiMzQzNDM0MiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9Ii >> MyMjIyMjIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4 >> PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyNjcpIiA >> vPgo8L3N2Zz4=); >> >> This rule (generated from >> http://ie.microsoft.com/TESTDRIVE/Graphics/SVGGradientBackgroundMaker/ >> Default.html) does pretty much the same thing as the vendor-prefixed >> background-image gradients. >> >> Jacob >> >> -----Original Message----- >> From: Michael White [mailto:michael.wh...@stir.ac.uk] >> Sent: Tuesday, May 06, 2014 6:00 AM >> To: Brown, Jacob >> Cc: dspace-tech@lists.sourceforge.net >> Subject: RE: DSpace 4.1, JSPUI and IE 9 menu display issue >> >> Hi Jacob, >> >> Thanks for the pointers. >> >>> I can confirm that removing the CSS "filter" property for the navbar fixes >>> the >> issue on the JSPUI demo (of course, doing so will also remove the gradient). >> >> Could you possibly provide some more details on how you achieved this as >> I've just been trying but have been unable to get it to work :-( >> >> I tried commenting out the "filter" property of the navbar in both >> "bootstrap- >> theme.css" and in "bootstrap-theme.min.css", so I had: >> >> .navbar { >> background-image:-webkit-gradient(linear,left 0,left >> 100%,from(#fff),to(#f8f8f8)); >> background-image:-webkit-linear-gradient(top,#fff,0%,#f8f8f8,100%); >> background-image:-moz-linear-gradient(top,#fff 0,#f8f8f8 100%); >> background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%); >> background-repeat:repeat-x; >> border-radius:4px; >> >> /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',e >> ndColorstr='#fff8f8f8',GradientType=0);*/ >> -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px >> rgba(0,0,0,0.075); >> box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px >> rgba(0,0,0,0.075) } >> >> - but this didn't seem to make any difference. Looking at the source, it >> appears that it is (on the homepage at least!) "bootstrap-theme.min.css" >> that is >> being used and I did manage to make some progress by adding >> "position:static;" to the navbar definition in that file (against the >> recommendations on the pages you pointed to!) - so I had: >> >> .navbar { >> position: static; >> background-image:-webkit-gradient(linear,left 0,left >> 100%,from(#fff),to(#f8f8f8)); >> background-image:-webkit-linear-gradient(top,#fff,0%,#f8f8f8,100%); >> background-image:-moz-linear-gradient(top,#fff 0,#f8f8f8 100%); >> background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%); >> background-repeat:repeat-x; >> border-radius:4px; >> >> /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',e >> ndColorstr='#fff8f8f8',GradientType=0);*/ >> -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px >> rgba(0,0,0,0.075); >> box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px >> rgba(0,0,0,0.075) } >> >> - after doing this, the pop-up menus worked fine in IE v9 (hooray!) but the >> top >> of the page had been pushed down with a load of white space above which is >> no good (boo!) - also tried "position:relative" and "position:fixed" but the >> menus just went back to being broken again with these values (boo hoo!) . . >> . . >> >> I'm definitely no css aficionado (I probably know just about enough to be >> very >> dangerous) so would welcome any other pointers or suggestions of stuff to >> hack that may help to fix this :-) >> >> Cheers, >> >> Mike >> >> Michael White >> eLearning Liaison and Development (eLD) >> Information Services >> S8, Library >> University of Stirling >> Stirling SCOTLAND >> FK9 4LA >> Email: michael.wh...@stir.ac.uk >> Tel: +44 (0) 1786 466877 >> Fax: +44 (0) 1786 466880 >> http://www.stir.ac.uk/is/staff/about/teams/aldt/#eld >> >> >>> -----Original Message----- >>> From: Brown, Jacob [mailto:j.h.br...@tcu.edu] >>> Sent: 05 May 2014 16:46 >>> To: Michael White; dspace-tech@lists.sourceforge.net >>> Subject: RE: DSpace 4.1, JSPUI and IE 9 menu display issue >>> >>> This seems more like a Bootstrap 3 issue (although the theme >>> developers could have corrected it); see these related SO questions: >>> >>> http://stackoverflow.com/questions/14664948/twitter-bootstrap-button- >>> dropdown-not-working-in-ie9 >>> http://stackoverflow.com/questions/13256144/z-index-issue-in-twitter- >>> bootstrap-header >>> http://stackoverflow.com/questions/13916326/z-index-issue-with-twitter >>> - >>> bootstrap-dropdown-menu >>> >>> I can confirm that removing the CSS "filter" property for the navbar >>> fixes the issue on the JSPUI demo (of course, doing so will also remove the >> gradient). >>> >>> Jacob >>> >>> -----Original Message----- >>> From: Michael White [mailto:michael.wh...@stir.ac.uk] >>> Sent: Monday, May 05, 2014 8:43 AM >>> To: dspace-tech@lists.sourceforge.net >>> Subject: Re: [Dspace-tech] DSpace 4.1, JSPUI and IE 9 menu display >>> issue >>> >>> Hi again, >>> >>>> Setting up a DSpace 4.1 DEV system, with the new JSPUI, I've noticed >>>> an issue with the display of the "pop-up menus" in the navigation >>>> bar when using IE v9 >>>> - it works fine on the other browsers I have at my disposal. >>> >>> <snip> >>> >>>> Has anyone else seen anything like this? >>> >>> I'm guessing from the lack of responses that others haven't come >>> across this (yet)? >>> >>> I've just tested my IE v9 against http://demo.dspace.org/jspui/ and I >>> note the same problem (options don't appear on the pop-up menus, and >>> pop-up menus appear behind other elements on the page, a la >>> http://www.is.stir.ac.uk/misc/storre/dspace4-menu-ie9.png). >>> >>> Does anyone else out there have access to IE v9? Do you see the same >>> issue with http://demo.dspace.org/jspui/ (or is it just me)? >>> >>> I also checked the "DSpace v4.x with JSPUI" sites listed in >>> http://registry.duraspace.org/registry/dspace and saw the same issue >>> when accessing each of these (so this definitely doesn't look like an >>> issue specific to my implementation of DSpace v4!). >>> >>> Does anyone else have v4.1 with JSPUI up and running? Are you able to >>> confirm if it works OK for you in IE v9 or not? >>> >>> I'm trying to get a handle on whether or not this is an issue with the >>> specific version of IE 9 we have deployed here (v9.0.8112.16421), or >>> if it is a more general compatibility issue between IE (v9) and the JSPUI in >> DSpace v4.1 . . . >>> >>> A brief search for information on DSpace Browser Compatibility seems >>> to suggest this is still under discussion to some extent for v4 - >>> https://jira.duraspace.org/i#browse/DS-1831 - so perhaps IE v9 just >>> isn't compatible? >>> >>> More importantly, I need to find a way around this before we can >>> upgrade to DSpace v4 as this version of IE 9 is currently widely >>> deployed on staff machines here! :-( >>> >>> Any thoughts, observations or suggestions welcome. >>> >>> Cheers, >>> >>> Mike >>> >>> Michael White >>> eLearning Liaison and Development (eLD) Information Services S8, >>> Library University of Stirling Stirling SCOTLAND >>> FK9 4LA >>> Email: michael.wh...@stir.ac.uk >>> Tel: +44 (0) 1786 466877 >>> Fax: +44 (0) 1786 466880 >>> http://www.stir.ac.uk/is/staff/about/teams/aldt/#eld >>> >>> >>>> -----Original Message----- >>>> From: Michael White >>>> Sent: 29 April 2014 09:44 >>>> To: dspace-tech@lists.sourceforge.net >>>> Subject: DSpace 4.1, JSPUI and IE 9 menu display issue >>>> >>>> Hi, >>>> >>>> Setting up a DSpace 4.1 DEV system, with the new JSPUI, I've noticed >>>> an issue with the display of the "pop-up menus" in the navigation >>>> bar when using IE v9 >>>> - it works fine on the other browsers I have at my disposal. >>>> >>>> When hovering over a menu item with a pop-up menu (e.g. "Sign on >>>> to:"), the pop-up area appears but most of the menu items are >>>> missing and what does appear is not hyperlinked - also the menu >>>> appears behind other components on the screen - here is a screen >>>> shot showing what I >>> mean: >>>> >>>> http://www.is.stir.ac.uk/misc/storre/dspace4-menu-ie9.png >>>> >>>> I've tried playing with Browser/Document modes, but that just made >>>> things worse! >>>> >>>> Has anyone else seen anything like this? Anyone have any ideas how >>>> to address this issue? >>>> >>>> Unfortunately IE 9 is still widely deployed here so I really need to >>>> resolve this if at all possible! >>>> >>>> Any assistance or pointers welcome. >>>> >>>> Cheers, >>>> >>>> Mike >>>> >>>> Michael White >>>> eLearning Liaison and Development (eLD) Information Services S8, >>>> Library University of Stirling Stirling SCOTLAND >>>> FK9 4LA >>>> Email: michael.wh...@stir.ac.uk >>>> Tel: +44 (0) 1786 466877 >>>> Fax: +44 (0) 1786 466880 >>>> http://www.stir.ac.uk/is/staff/about/teams/aldt/#eld >>>> >>> >>> >>> -- >>> The University of Stirling has been ranked in the top 12 of UK >>> universities for graduate employment*. >>> 94% of our 2012 graduates were in work and/or further study within six >>> months of graduation. >>> *The Telegraph >>> The University of Stirling is a charity registered in Scotland, number >>> SC 011159. >>> >>> >>> ---------------------------------------------------------------------- >>> -------- Is your legacy SCM system holding you back? Join Perforce May >>> 7 to find out: >>> • 3 signs your SCM is hindering your productivity • >>> Requirements for releasing software faster • Expert tips and >>> advice for migrating your SCM now http://p.sf.net/sfu/perforce >>> _______________________________________________ >>> DSpace-tech mailing list >>> DSpace-tech@lists.sourceforge.net >>> https://lists.sourceforge.net/lists/listinfo/dspace-tech >>> List Etiquette: >>> https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette >>> >> >> >> -- >> The University of Stirling has been ranked in the top 12 of UK universities >> for >> graduate employment*. >> 94% of our 2012 graduates were in work and/or further study within six >> months of graduation. >> *The Telegraph >> The University of Stirling is a charity registered in Scotland, number SC >> 011159. >> >> > > ------------------------------------------------------------------------------ Is your legacy SCM system holding you back? Join Perforce May 7 to find out: • 3 signs your SCM is hindering your productivity • Requirements for releasing software faster • Expert tips and advice for migrating your SCM now http://p.sf.net/sfu/perforce _______________________________________________ DSpace-tech mailing list DSpace-tech@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/dspace-tech List Etiquette: https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette
