sharepoint - fancybox compatibility with MOSS 2007? -


has gotten current version of fancybox 2.1.4 (http://fancyapps.com/fancybox/) jquery 1.9.1 work microsoft office sharepoint server (moss) 2007?

seems out of box css/html of moss 2007 interfering sizing , positioning calculations fancybox/jquery does. end result tiny fancybox (130px width).

here screenshot of issue: screenshot of issue http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-54-79-images/4152.fancyboxissueinmoss2007.png

here super simple code doing:

main page:

<%@ page language="c#" masterpagefile="~masterurl/default.master" inherits="microsoft.sharepoint.webpartpages.webpartpage,microsoft.sharepoint,version=12.0.0.0,culture=neutral,publickeytoken=71e9bce111e9429c" %> <asp:content contentplaceholderid="placeholderadditionalpagehead" runat="server">     <link type="text/css" rel="stylesheet" href="jquery.fancybox-2.1.4_styles.css" />     <script type="text/javascript" src="jquery-1.9.1.js"></script>     <script type="text/javascript" src="jquery.fancybox-2.1.4.js"></script> </asp:content> <asp:content contentplaceholderid="placeholdermain" runat="server">     hello test page!     <a id="fancybox1" style="display: none" data-fancybox-type="iframe" href="iframecontents.aspx"></a>     <script type="text/javascript">         $(document).ready(function () {             // show fancybox             $('#fancybox1').fancybox().trigger('click');         });     </script> </asp:content> 

iframe page:

<%@ page language="c#" masterpagefile="~masterurl/default.master" inherits="microsoft.sharepoint.webpartpages.webpartpage,microsoft.sharepoint,version=12.0.0.0,culture=neutral,publickeytoken=71e9bce111e9429c" %> <asp:content contentplaceholderid="placeholdermain" runat="server">     hello iframecontents! </asp:content> 

thanks , help!

ps-by way, fancybox works fine in sharepoint 2010. however, must make work in moss 2007.

solved!!! jfk.

yes, problem browser (ie 10 in case) running in quirks mode since there no doctype present. after added doctype master page, fancybox works!

<!doctype html> 

side note: having doctype added masterpage disrupts out of box moss 2007 branding. it's ok in case since using custom branding have doctype present. got lucky one. again help!


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -