How to Hide View All Site content & Recycle Bin Links in SharePoint 2010/2007?

Another frequently asked question: How to Hide the Recycle Bin & View all Site content links in SharePoint site? Yes, we can hide them, not a big deal! Here is How We Hide View all site content & Recycle Bin Links from Quick Launch in MOSS 2007: Just add the Content Editor Web part …

SharePoint Site templates, Site Definitions, Feature Stapling - Explained

The main objective of the feature stapling concept is: Pre-activate desired features automatically on creating SharePoint sites based on site definitions like Team Sites (not site template .stp). say for e.g. you want to apply branding on creating a team sites, You can use feature stapling. …

KPI Dashboard using SharePoint List

We can generate the KPI list using simple SharePoint list with computed columns! Here is how we can get SharePoint list based status indicator Create a SharePoint list with desired fields, then create a field with choices, Lets say, Field name Cost_Input : with values Red, Green, Blue. The…

Alternate Row Color in SharePoint Dataview Web Part List items

Conditional Formatting? sure, but the problem is: If some of the rows are hidden, then conditional formatting will lose its formatting. So, using Javascript and CSS we can apply alternate styles to SharePoint List items. Sample screen: Just add a content editor web part, and place the …

Bar Chart to Show Progress with XSL-CSS Trick

We can generate the simple Bar chart based on Sharepoint list data. Here is how: Just create a list with desired fields then drop a dataview webpart with the list. Here is the code to generate bar charts. Place them inside the Dataview webpart in appropriate place. <td> <span…

Image Tool tips in SharePoint using JQuery

Here is my requirement: when I mouse over a image, i should get a tool tip with screen shot for easy usage. Here is how I've done this using J-Query: download the jquery files and upload into a document library, from here: http://plugins.jquery.com/files/dimensions-1.1.2.zip http://jq…

Creating Four Blokcers in SharePoint with Dataview Web Parts

We can design the Four blocker in SharePoint by combining four Data view web parts. Just set the filters for each of the web parts, typical filter will be QueryString Filter on ProjectID for instance! Finally, the four blocker will look like below screen: and the diagrammatic representation…

How to Get the Query String from the URL and Set the Form field value?

From the Above URL, I need to get the value for the parameter: AccountName Here is how it got achieved using javascript: function getEID() { loc=window.location.href; var AccNameIndex=loc.indexOf("accountname"); var TempAccountName=loc.substring(AccNameIndex+12); var A…

Make Read-Only fields in SharePoint List Forms using Javascript

Here is the code to make SharePoint list fields read-only like below screen: Here is the code to Make Read-Only fields in SharePoint List Forms using Javascript: Open your list form (NewForm.aspx or EditForm.aspx) in SharePoint Designer, Paste the below code after: <asp:Content id="…

Building Dashboards using Dataview Web Part

So, How to get this dashboard? Create a list with desired fields, convert that to XSLT Data view web part or drop that list into Dataview web part. Modify the XSL to get the indicators based on logic: Such as:  <!-- Display CPI Value --> <td style="text-align: center; …

SharePoint 2007 Start Date End Date Validation in List forms with JavaScript

SharePoint 2007 Start Date End Date Validation in List forms with JavaScript: <script language="javascript"> function PreSaveAction() { var blFlag; blFlag = true; var SOSOccDate = getTagFromIdentifierAndTitle("INPUT","DateTimeFieldDate","Date SOS Occurr…

Image Slideshow in SharePoint CEWP with Javascript and JQuery

Note: This is a image slider implementation. If  you are looking for Rotating Banner for SharePoint using jQuery, see my post: Rotating Banner for SharePoint using jQuery Upload the images and add the CEWP, then paste the below Code: <p><b id='banner'></b></p> …