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

July 09, 2010    , , , , , , ,
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 and place the below CSS codes ( Add it in Master page if you want to apply for all sites) : <style> .ms-quicklaunchheader{display: none;} .ms-recyclebin{display: none;} </style> Hide View all site content & Recycle Bin Links in SharePoint 2010 :  CSS classes are little different /*To Hide both */ .s4-specialNavLinkList { display:none; } /* To Hide Recycle bin */ .s4-rcycl { display:none; } /* To Hide "All Site Content" */ #ctl00_PlaceHolderLeftNavBar_PlaceHolderQuickLaunchBottom_PlaceHolderQuickLaunchBottomV4_idNavLinkViewAllV4 { display:none; } In Action: Want to Hide View All Site Content / Recycle Bin Links from everyone, except Site Owners? Yes
Read More
How to Hide View All Site content & Recycle Bin Links in SharePoint 2010/2007? How to Hide View All Site content & Recycle Bin Links in SharePoint 2010/2007? Reviewed by Unknown on July 09, 2010 Rating: 5

SharePoint Site templates, Site Definitions, Feature Stapling - Explained

July 09, 2010    , , , ,
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. So, In your feature you have to handle the events such as "FeatureActivated" in order to run some code automatically on creating sites. In other words place the code that should get executed inside the "featureactivated" section in your event receivers. SharePoint Site templates, site definitions, feature stapling Check out my Presentation: SharePoint Site templates, site definitions, feature stapling View more presentations from salaudeen . In case you need some help on creating features staplers, have a look at below links: http://sharepointmagazine.net/articles/introduction-to-sharepoint-feature-stapling-part-1 http://nanddeepnachan.blogspot.com/2008/
Read More
SharePoint Site templates, Site Definitions, Feature Stapling - Explained SharePoint Site templates, Site Definitions, Feature Stapling - Explained Reviewed by Unknown on July 09, 2010 Rating: 5

KPI Dashboard using SharePoint List

July 09, 2010    , , , , ,
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. Then lets create another computed field called Cost of type: Number, which is based on the existing field COST_Input field. Enter the formula for the calculated field as: =IF(Cost_input="Green","<DIV style='text-align: center'><IMG src='/_layouts/images/KPIDefault-0.gif' /></DIV>",IF(Cost_input="Yellow","<DIV style='text-align: center'><IMG src='/_layouts/images/KPIDefault-1.gif' /></DIV>",IF(Cost_input="Red","<DIV style='text-align: center'><IMG src='/_layouts/images/KPIDefault-2.gif' /></DIV>"))) Then after add content editor
Read More
KPI Dashboard using SharePoint List KPI Dashboard using SharePoint List Reviewed by Unknown on July 09, 2010 Rating: 5

Alternate Row Color in SharePoint Dataview Web Part List items

July 09, 2010    , , ,
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 below code. <script type="text/javascript"> _spBodyOnLoadFunctionNames.push("makeAlternateColor()"); function makeAlternateColor() { var table = document.getElementById("Dashboard"); //Get the SharePoint List view's Table id using Firebug or IE Developer Toolbar's help and replace "Dashboard". Otherwise this code wont work! var rows = table.getElementsByTagName("tr"); //manipulate rows for(i = 0; i < rows.length; i++) { if(i % 2 == 0) { rows[i].className = "even"; }else { rows[i].className = "odd"; } } } </script> <style type="text/css"> .odd { background-color: white; } .even {
Read More
Alternate Row Color in SharePoint Dataview Web Part List items Alternate Row Color in SharePoint Dataview Web Part List items Reviewed by Unknown on July 09, 2010 Rating: 5

Bar Chart to Show Progress with XSL-CSS Trick

July 09, 2010    , , ,
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 style="width:{format-number(@Completed, '##.#%')}; background-color:blue;"></span></td><td> <DIV style="position:relative;"><DIV style="background-color:green; width:{format-number(@Completed,'##.#%')}"></DIV> <DIV style='position:absolute; top:0px;'><xsl:value-of select="format-number(@Completed, '##.#%')"/></DIV> </DIV></td>
Read More
Bar Chart to Show Progress with XSL-CSS Trick Bar Chart to Show Progress with XSL-CSS Trick Reviewed by Unknown on July 09, 2010 Rating: 5

Image Tool tips in SharePoint using JQuery

July 09, 2010    , , , , ,
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://jquery-very-simple-tooltip.googlecode.com/files/jquery.tooltip_v3.2.2.zip http://blog.jquery.com/2011/09/01/jquery-1-6-3-released/ optional: http://jquery.bassistance.de/tooltip/demo/screen.css Paste the below code inside the <asp:Content> </asp:Content> ( you can find this tag, at the end of the page) <link rel="stylesheet" href="Support/jquery.tooltip.css" /> <link rel="stylesheet" href="Support/screen.css" /> <script src="Support/jquery.js" type="text/javascript"></script> <script src="Support/jquery.dimensions.js" type="text/javascript"></script> <script
Read More
Image Tool tips in SharePoint using JQuery Image Tool tips in SharePoint using JQuery Reviewed by Unknown on July 09, 2010 Rating: 5

Creating Four Blokcers in SharePoint with Dataview Web Parts

July 09, 2010    , ,
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 goes here. Basically the data is stored on multiple lists and presented as a single page.
Read More
Creating Four Blokcers in SharePoint with Dataview Web Parts Creating Four Blokcers in SharePoint with Dataview Web Parts Reviewed by Unknown on July 09, 2010 Rating: 5

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

July 09, 2010    , ,
 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 AmpLoc=loc.indexOf("&"); if(AmpLoc==-1) { AccountName=TempAccountName; } else { AccountName=loc.substring(AccNameIndex+12,AmpLoc); } i=AccountName.indexOf("\\"); Eid=AccountName.substring(i+1); alert(Eid); } Another Case: Today,I am running in a situation like: I have to get the value from URL and set that value to SharePoint form's field. My URL is: http://abc.com/sites/xyz/Lists/Metrics/Edit.aspx?List=3f7f4d96%2D00da%2D46f9%2Dae38%2D5053a9e8b321&ID=319&Source=http%3A%2F%2Fabc.com%2Fsites%2Fxyz%2FOwnerEntry%2Easpx%3FProjectID%3D71 from the above I have to extract ProjectId value and set to SharePoint List Forms value. Here is how I have done
Read More
How to Get the Query String from the URL and Set the Form field value? How to Get the Query String from the URL and Set the Form field value? Reviewed by Unknown on July 09, 2010 Rating: 5

Make Read-Only fields in SharePoint List Forms using Javascript

July 09, 2010    , , , ,
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="Content1" runat="Server" contentplaceholderid="PlaceHolderMain"> <script type="text/javascript"> _spBodyOnLoadFunctionNames.push("makeProjectIdReadOnly()"); function makeProjectIdReadOnly() { document.getElementById('ctl00_PlaceHolderMain_g_f64398c9_7481_4633_ada6_b227977f9884_ff1_1_ctl00_ctl00_TextField').blur(); document.getElementById('ctl00_PlaceHolderMain_g_f64398c9_7481_4633_ada6_b227977f9884_ff1_1_ctl00_ctl00_TextField').readOnly=-1; document.getElementById('ctl00_PlaceHolderMain_g_f64398c9_7481_4633_ada6_b227977f9884_ff1_1_ctl00_ctl00_TextField').className="Read-Only"; } </script> <style
Read More
Make Read-Only fields in SharePoint List Forms using Javascript Make Read-Only fields in SharePoint List Forms using Javascript Reviewed by Unknown on July 09, 2010 Rating: 5

Building Dashboards using Dataview Web Part

July 09, 2010    , ,
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; width: 60px;"> <xsl:choose> <xsl:when test="format-number(sum($nodeset/@CPI),'#,##0.00;-#') &lt; 0.91"> <img border="0" src="{$varRedImage}" alt="{sum($nodeset/@CPI)}"/> </xsl:when> <xsl:when test="format-number(sum($nodeset/@CPI),'#,##0.00;-#') &gt; 0.90 and format-number(sum($nodeset/@CPI),'#,##0.00;-#') &lt; 0.96"> <img border="0" src="{$varYellowImage}" alt="{sum($nodeset/@CPI)}" /> </xsl:when> <xsl:when test="format-number(sum($nodeset/@CPI),'#,##0.00;-#') &gt; 0.95"> <img border="0" s
Read More
Building Dashboards using Dataview Web Part Building Dashboards using Dataview Web Part Reviewed by Unknown on July 09, 2010 Rating: 5

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

July 09, 2010    , , , , ,
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 Occurred"); var DUEDate = getTagFromIdentifierAndTitle("INPUT","DateTimeFieldDate","Due date"); var dtSOSOccDate = new Date(SOSOccDate.value); var dtDUEDate = new Date(DUEDate.value); var TodaysDate = new Date(); if(dtSOSOccDate != null) { if(dtSOSOccDate > TodaysDate) { alert("Date SOS Occured cannot be greater than today's date"); } } if(DUEDate.value != "") { if(dtDUEDate < dtSOSOccDate) { alert("The Due date cannot happen earlier than the SOS occurred date"); blFlag = false; // Cancel the item save process } } return blFlag; // OK to proceed with the save item } </script>
Read More
SharePoint 2007 Start Date End Date Validation in List forms with JavaScript SharePoint 2007 Start Date End Date Validation in List forms with JavaScript Reviewed by Unknown on July 09, 2010 Rating: 5

Image Slideshow in SharePoint CEWP with Javascript and JQuery

July 09, 2010    , , , , , ,
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> <script> var newBanner=0; function runOnLoad(){ var bannerImg = new Array(); var bannerLink = new Array(); // Enter the names of the images below bannerImg[0]="http://SharePoint.Company.com/banner/banner1.jpg"; bannerLink[0]="http://www.honeywell.com"; bannerImg[1]="http://SharePoint.Company.com/banner/banner2.jpg"; bannerLink[1]="http://www.microsoft.com"; bannerImg[2]="http://SharePoint.Company.com/banner/banner3.jpg"; bannerLink[2]="http://www.google.com"; var totalBan = bannerImg.length; newBanner++; if (newBanner == totalBan) { newBanner = 0; } document.getElementById('banner').inn
Read More
Image Slideshow in SharePoint CEWP with Javascript and JQuery Image Slideshow in SharePoint CEWP with Javascript and JQuery Reviewed by Unknown on July 09, 2010 Rating: 5
Subscribe to: Posts ( Atom )
Powered by Blogger.