A common suggestion to fix thumbnails all overlaying each other in IE, is to remove the DOCTYPE declration. This issue still affects the trunk version of Exhibit.
The correct fix has been noted previously, and can be accomplished by overriding (or patching) Exhibit.ThumbnailView.prototype._reconstruct(). Here's the override I just added to my Xwiki/Exhibit integration via macro-document Macros.Exhibit<http://nielsmayer.com/xwiki/bin/view/Macros/Exhibit>: /**************************************************************************** * Called out of XWiki.JavaScriptExtension[2]:onLoadExhibit() via macro * #exhibit_create(). This allows overriding existing Exhibit code by * importing another Macro/Document after Macros.Exhibit to redefine * addExhibitInterceptorsAndOverides(), e.g.: * #includeMacros("Macros.Exhibit")## * #exhibit_xwiki_init()## * #includeMacros("Macros.ExhibitInterceptorsJS")## * #exhibitinterceptors_xwiki_init()## ****************************************************************************/ function addExhibitInterceptorsAndOverides() { /**************************************************************************** * NPM: fix for thumbnail layout issue on IE by removing code that * special-cases for IE. :-) As suggested here http://simile.mit.edu/wiki/User:Dallan * " * IE weirdness with Thumbnail view - For me, when I tried to display the thumbnail * view in IE, the thumbnail lenses all overwrote each other. I finally made the following * change and it worked. Not sure what was meant by having a separate style for IE here, * since the regular style settings worked for me but the IE-specific style settings did not. * --- api/styles/views/thumbnail-view.css (revision 9034) * +++ api/styles/views/thumbnail-view.css (working copy) * @@ -11,6 +11,4 @@ * * div.exhibit-thumbnailView-itemContainer-IE { * float: left; * - width: 0; * - overflow: visible; * } * " * Rather than overriding CSS (it's difficult to have an override "remove" a * setting and give the previous default precedence) I overrode the JS that * special-cases for IE and gives a different classname. The regular * setting for "exhibit-thumbnailView-itemContainer" in * http://trunk.simile-widgets.org/exhibit/api/styles/views/thumbnail-view.css * are the same as User:Dallan's patch to CSS above... ****************************************************************************/ [... see attachment for sources ...] /*** END: Exhibit.ThumbnailView.prototype._reconstruct() override ***/ } Niels http://nielsmayer.com PS: I have not yet added this fix to the source-zip ( Presidents4Pkg.xar<http://nielsmayer.com/xwiki/bin/download/Exhibit/Presidents4/Presidents4Pkg.xar>) for my Xwiki/Exhibit demo/baseline/example Presidents4 <http://nielsmayer.com/xwiki/bin/view/Exhibit/Presidents4> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "SIMILE Widgets" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en -~----------~----~----~----~------~----~------~--~---
Thumbnail-on-IE-fix.js
Description: JavaScript source
