kwizcom banner advertisement

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

7:23 PM    , , , , , , ,
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
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 Salaudeen Rajack on 7:23 PM Rating: 5

SharePoint Site templates, Site Definitions, Feature Stapling - Explained

7:08 PM    , , , ,
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/
SharePoint Site templates, Site Definitions, Feature Stapling - Explained SharePoint Site templates, Site Definitions, Feature Stapling - Explained Reviewed by Salaudeen Rajack on 7:08 PM Rating: 5

KPI Dashboard using SharePoint List

6:58 PM    , , , , ,
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
KPI Dashboard using SharePoint List KPI Dashboard using SharePoint List Reviewed by Salaudeen Rajack on 6:58 PM Rating: 5

Alternate Row Color in SharePoint Dataview Web Part List items

6:36 PM    , , ,
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 {
Alternate Row Color in SharePoint Dataview Web Part List items Alternate Row Color in SharePoint Dataview Web Part List items Reviewed by Salaudeen Rajack on 6:36 PM Rating: 5

Bar Chart to Show Progress with XSL-CSS Trick

6:17 PM    , , ,
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>
Bar Chart to Show Progress with XSL-CSS Trick Bar Chart to Show Progress with XSL-CSS Trick Reviewed by Salaudeen Rajack on 6:17 PM Rating: 5

Image Tool tips in SharePoint using JQuery

5:40 PM    , , , , ,
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
Image Tool tips in SharePoint using JQuery Image Tool tips in SharePoint using JQuery Reviewed by Salaudeen Rajack on 5:40 PM Rating: 5

Creating Four Blokcers in SharePoint with Dataview Web Parts

5:21 PM    , ,
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.
Creating Four Blokcers in SharePoint with Dataview Web Parts Creating Four Blokcers in SharePoint with Dataview Web Parts Reviewed by Salaudeen Rajack on 5:21 PM Rating: 5

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

3:58 PM    , ,
 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
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 Salaudeen Rajack on 3:58 PM Rating: 5

Make Read-Only fields in SharePoint List Forms using Javascript

3:26 PM    , , , ,
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
Make Read-Only fields in SharePoint List Forms using Javascript Make Read-Only fields in SharePoint List Forms using Javascript Reviewed by Salaudeen Rajack on 3:26 PM Rating: 5

Building Dashboards using Dataview Web Part

1:03 PM    , ,
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
Building Dashboards using Dataview Web Part Building Dashboards using Dataview Web Part Reviewed by Salaudeen Rajack on 1:03 PM Rating: 5

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

12:58 PM    , , , , ,
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>
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 Salaudeen Rajack on 12:58 PM Rating: 5

Image Slideshow in SharePoint CEWP with Javascript and JQuery

12:54 PM    , , , , , ,
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
Image Slideshow in SharePoint CEWP with Javascript and JQuery Image Slideshow in SharePoint CEWP with Javascript and JQuery Reviewed by Salaudeen Rajack on 12:54 PM Rating: 5
Powered by Blogger.