Tag: Javascript
Cascading Drop Down Menus
Requirement Cascading drop-down menus in a document library. SharePoint 2010 does not support this by default but you can work around this by using JQuery. Solution I used the following solution. However, one of the problems I encountered was that datasheet view does not present the values properly. If you try to edit the metadata […]
Continue Reading...Content Query Webpart and Data View Webpart – Modal Dialogs
Requirement We have a content query webpart that displays information from a list on a subsite. When a user clicks on a link on the webpart, we want the link to open in a Modal dialog. Solution Open SharePoint Designer 2010 Go to All Files -> Style Library -> XSL Style Sheets -> ItemStyle.xsl -> […]
Continue Reading...Open link in SP Dialog from Global Navigation / Quick launch
Requirement Building on my previous post about opening a link in a SP dialog window (similar to lightbox), we decided to make it so that clicking on the link under the quick launch or top navigational bar would open the page immediately in a SP dialog box. This is not possible out of the box, as […]
Continue Reading...Opening Images and Pages in a Dialog / Lightbox
Opening any webpage in a dialog window (tested with SharePoint 2010). http://pacsharepoint.com/2010/07/open-list-item-modal-dialog-lightbox.html Note: I had to add the script using SharePoint Designer 2010 as the web editor kept removing the javascript whenever I clicked on save. Opening an image with a Lightbox effect. http://johnliu.net/blog/2011/5/9/sharepoint-2010-simple-lightbox-effect-for-large-images.html Note: I had to modify John’s script a little to get […]
Continue Reading...Dynamic banner images depending on browser resolution
Requirement Intranet site branding requires that the v4.master masterpage be customised with a dynamically expanding banner that changes its resolution depending on the resolution of the user’s browser. Solution We created a simple javascript that is copied just below the <script type=”text/javascript”> var _fV4UI = true; </script> section of the master page. Note that this […]
Continue Reading...