The theme itself is exceptionally good. Be sure to check out The Molitor website for more information. I said id make this file public for free, please leave any comments on this post. I really hope this helps some people!

Download Here

Or feel free to buy me a beer!

User interfaces in SharePoint are pretty basic, with new SP 2010 this has been significantly improved, however. Sometimes there is a requirement to have an easy intuitive interface that switches between data without a page refresh.

Ive neen playing with Easy Tabs lately and discovered some great things about it. You can use it for practically anything.  Ive particuarly enjoyed using the third party search add on “Ontolica” – I am now able to search across all search scopes and show the results and best bets in its own tab.

To use this, simply add web parts to a zone. And then add a new CEWP. Add the following code to a text file and save it in a public location.

<style type="text/css">
.et-tab{font-size:8pt;font-weight:bold;padding:3px 10px;display:inline-block;cursor:pointer;}
.et-activetab{border:solid 1px #ffe6a0;color:#003399;background:#ffe6a0 url("/_layouts/images/selectednav.gif") repeat-x;}
.et-inactivetab{color:#003399;background:#e3efff url("/_layouts/images/topnavunselected.gif") repeat-x;border:solid 1px #c2dcff;}
.et-separator{height:5px;background-color:#ffe6a0;}
.et-tabrow{white-space:nowrap;}
.et-offscreen{position:absolute;max-height:1px;max-width:1px;top:-9999px;}
</style>
<script type="text/javascript">
/* Easy Tabs v 5.0 * Copyright (c) 2009-2010 Christophe Humbert * http://www.pathtosharepoint.com */
(function(){
var AP="",sec=0,Header="none",Split="No",Expand="",Print="";
if (document.forms[0].elements["_wikiPageMode.value"]=="true"||document.forms[0].elements["MSOLayout_InDesignMode"].value=="1"){return;}
var el=document.getElementsByTagName("SCRIPT"),p=el[el.length-1],sT,a,sep,tabRow;
do {p=p.parentNode;sT=p.innerHTML.split("MSOZoneCell_WebPart");}while (sT.length<4 && p.parentNode.id!="MSO_ContentTable")
if (p.getAttribute("contenteditable")=="true"){return;}
if (p.nodeName=="DIV"){sep=document.createElement("div");p.insertBefore(sep,p.firstChild);tabRow=document.createElement("div");p.insertBefore(tabRow,p.firstChild);}
else{sep=document.createElement("td");var sepTR=document.createElement("tr");sepTR.appendChild(sep);tabRow=document.createElement("td");var tabTR=document.createElement("tr");tabTR.appendChild(tabRow);if (p.nodeName=="TBODY"){p.insertBefore(sepTR,p.firstChild);p.insertBefore(tabTR,p.firstChild);}else if (p.nodeName=="TR"){p.parentNode.insertBefore(tabTR,p);p.parentNode.insertBefore(sepTR,p);}else {return;}}
sep.className="et-separator";tabRow.className="et-tabrow";var children=p.childNodes;p=p.parentNode;var etRoot=[],etHeader=[],etTab=[],tabsID=[];
for (var j=0;j<children.length;j++){try{var d=children[j].getElementsByTagName("td");for (i=0;i<d.length;i++) {if(d[i].id.indexOf("WebPartTitle")==0){var WPid=d[i].id.replace(/WebPartTitle/,"");if (d[i].innerHTML.indexOf("(Hidden)")==-1) {var up=d[i];while (up!=children[j]){if (up.parentNode.innerHTML.indexOf('id=WebPart'+WPid+' ')>=0||up.parentNode.innerHTML.indexOf('id="WebPart'+WPid+'" ')>=0){WPid="et"+WPid;etHeader[WPid]=up;etRoot[WPid]=children[j];etTab[WPid]=d[i].getElementsByTagName("span")[0].cloneNode(true);etTab[WPid].id=WPid;etTab[WPid].className="et-tab et-inactivetab";etTab[WPid].onclick=function(){activateTab(this);};tabRow.appendChild(etTab[WPid]);tabsID.push(WPid);break;}up=up.parentNode;}}}}}catch(e){}}
var Tabs=tabRow.getElementsByTagName("span"),TabCount=Tabs.length;
if (Split=="Yes") {var sd=document.createElement("div"),index=Math.floor(TabCount*0.5);tabRow.insertBefore(sd,Tabs[index]);}
if(AP.length && sec>0) {sec=sec*1000;interval="";a=document.createElement("span");a.innerHTML="|>";a.className="et-tab et-inactivetab";a.onclick=function(){if(interval==""){this.innerHTML="||";interval=window.setInterval(function(){Autoplay();},sec)}else{this.innerHTML="|>";window.clearInterval(interval);interval=""}};tabRow.appendChild(a);var Autoplay=function(){for(i=0;i<TabCount;i++)if(Tabs[i].className=="et-tab et-activetab"){var j=(i+1)%TabCount;activateTab(Tabs[j]);break}};if (AP=="Play"){a.innerHTML="||";interval=window.setInterval(function(){Autoplay();},sec)};}
if (Expand.length) {a=document.createElement("span");a.innerHTML=Expand;a.className="et-tab et-inactivetab";a.onclick=function(){for(i=0;i<tabsID.length;i++){etTab[tabsID[i]].className="et-tab et-inactivetab";etRoot[tabsID[i]].className=etRoot[tabsID[i]].className.replace(/et-offscreen/g,"");etRoot[tabsID[i]].style.pageBreakAfter="always";etHeader[tabsID[i]].style.display="";}};tabRow.appendChild(a);}
if (Print.length) {a=document.createElement("span");a.innerHTML=Print;a.className="et-tab et-inactivetab";a.onclick=function(){this.style.display="none";var f=document.getElementById("s4-workspace")||document.getElementsByTagName("body")[0],ed=p.parentNode.insertBefore(document.createElement(p.nodeName),p);f.appendChild(p);for (j=0;j<f.childNodes.length-1;j++) {try{f.childNodes[j].className+=" et-offscreen";}catch(e){}}a=document.createElement("span");a.innerHTML="Back to Page";a.className="et-tab et-inactivetab";a.onclick=function(){this.previousSibling.style.display="inline-block";this.parentNode.removeChild(this);ed.parentNode.insertBefore(p,ed);ed.parentNode.removeChild(ed);for (j=0;j<f.childNodes.length;j++) {try{f.childNodes[j].className=f.childNodes[j].className.replace(/\s*et-offscreen/g,"");}catch(e){}}};tabRow.appendChild(a);};tabRow.appendChild(a);}
function activateTab(t){document.cookie=tabsID.join("_")+"="+t.id+";path=/";for(i=0;i<tabsID.length;i++){etHeader[tabsID[i]].style.display=Header;if(t.id==tabsID[i]){etTab[tabsID[i]].className="et-tab et-activetab";etRoot[tabsID[i]].className=etRoot[tabsID[i]].className.replace(/\s*et-offscreen/g,"");}else{etTab[tabsID[i]].className="et-tab et-inactivetab";etRoot[tabsID[i]].className+=" et-offscreen";}}}var m=GetCookie(tabsID.join("_"))?GetCookie(tabsID.join("_")):tabsID[0];activateTab(etTab[m]);})();
</script>

In the CEWP, Simply paste the location of text file as the source and make the web part hidden!

Tip: Set all web parts types to “Title Only”

If you are trying to save a site as a template in WSS v3 or MOSS 2007 you will find that the link “Save site as template” is only available under Look and Feel at the Top Level of the site collection. Not great if youve been working on a great template and want to move it or install elsewhere.

If you would like to save a sub site as a template you need to append _layouts/savetmpl.aspx to your sub sites url. I am guessing Microsoft just forgot this link and it will be around by the time we go RTM.

So just to make it clear. If your subsite is

http://portal/sitedirectory/team/default.aspx

You would go to

http://portal./sitedirectory/team/_layouts/savetmpl.aspx

and then you would be able to save the site as a template.

Ok, this ones even simpler. You have a dataview of some sort. Perhaps you dont use MySites, or perhaps you just dont want users being able to click away from the page.

Use the following XSLT solution to remove hyperlinks. Just substitute the field name for whatever field you want to remove, in this case its the author field I dont want linked.

Find:

<xsl:value-of disable-output-escaping="yes" select="@Author"/>

and Replace with

<xsl:value-of disable-output-escaping="yes" select="substring-after(substring-before(substring-after(@Author, 'ID='), '&lt;'), '&gt;')"/>

Remember to change the field name!

You’ve probably used the “Append Changes to Existing Text” trick in a list at least once in SharePoint. Its great for using in lists that require you to add text with a date stamp, a bit like a journal.

Anyway, Ive recently been developing a service desk to handle all internal requests. Things like Technology, Management Information and Facilities requests can be handled through one system and assigned to support teams for action.

When constructing custom .net pages I use a dataview to display information. This is all great, except when I want to display all entries of the journal. You can do this with a OOB view. But when trying to use it in a dataview, it becomes a bit of a struggle!

Use the code below in replacement of the journal or multi line text view. It works a charm! Just make sure you change the field name and the List ID.

<SharePoint:AppendOnlyHistory runat="server" FieldName="Journal" ControlMode="Display" itemid="{@ID}" ListId="400a51ed-1668-4637-a8e1-58e7991d2675" TemplateName="ViewAllJournal" />

Hope that helps someone! Because it nearly killed me!

So you’ve created a nice form in SharePoint Designer, now you want to display some decent tooltips rather than the dull out of the box SharePoint field descriptions.

Here is a handy way to add JQuery tooltips direct to your form in an easy to manage way.

1) Open the form you have created in SharePoint Designer.
2) Create a new document libary and upload these two files.

• htmltooltip.js
• jquery-1.2.2.pack.js

3) Add a Content Editor Web Part to the page you want the tooltips to appear on.
4) Add the following code using the “Source Editor” button. Ensure you change the the path to the Jquery file syou uploaded a moment ago.

<script type="text/javascript" src="http://xxx/jquery-1.2.2.pack.js"></script>

<style type="text/css">

div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 2px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
font-size:12pt;
}

</style>

<script type="text/javascript" src="http://xxx/htmltooltip.js">

/***********************************************
* www.bricey.net Code Snippet
***********************************************/

</script>

5) Add the following code with into your form page.

<!-- Matching tooltip with class="htmltooltip" -->
<div class="htmltooltip">DISPLAY THIS MESSAGE WHEN HOVERED OVER.</div>

6) Use the following code in your form page to display tooltips.

									<a href="#top" rel="htmltooltip"><img src="http://themha.com/airlock/small_info_icon.png" border="0" alt="" width="16" height="16"/></a>

The tooltip DIV can be defined anywhere on the page, and not necessarily directly below the anchor link.

7) You may wish to hide the content editor web part.

So how does the script know which anchor the tooltip should belong to?
It matches up the two based on the order in which they appear within the page’s source, so the 4th tooltip DIV will be associated with the 4th anchor link on the page, wherever both may appear on the page.

Greetings fellow SharePoint developer! Today, I will show you how to remove that horrible “save” button from the out of the box surveys that ships with SharePoint 2007!

You will notice the save button in sharepoint surveys when using sharepoint surveys with branching options.

It confuse most of surveys users as generally user select save instead of next or finish which result in in complete surveys.

I have checked a lot in sharepoint options and failed to find any option thay may allow admisitrator or pulisher to disable this buton and find that there is one work around using sharepoint designer for removing it. 

1. Open site in sharepoint designer
2. Go to you subsite and expand pages under survey (created earlier with branching option)
3. Open newform.aspx and find following
4. Add following javascript before closing tag of the content place holder searched in last step

<script type=”text/javascript”>

_spBodyOnLoadFunctionNames.push(“setValue”);

function setValue() {
hideButton(“Save”);
}

//This function hides a button on the page
function hideButton(valueDef)
{
var frm = document.forms[0];
for (i=0;i< frm.elements.length;i++)
{
if (frm.elements[i].type == “button” && frm.elements[i].value == valueDef)
{
frm.elements[i].style.display = “none”;
}
}}
</script>

Above script will search for save button and toggle its visibility. If you need to remove save button while editing existing responses you will have to repeat above steps for editform.aspx

There’s a question that I frequently get asked and that is how much will a website cost me? If you search “web design uk” in Google you’ll be presented with plenty of sponsored listings titled things like: “web design for only £249? or cheaper.  For small businesses or individuals this’ll no doubt be a pretty tempting offer.  Trouble is not many people understand how much work is involved in decent web design.  Here’s a quick, very basic breakdown of everything required to get a complete website launched:

The Design Stage:

1. Recieve brief for new website
2. Send over a quote/agree on a price for the project, recieve deposit
3. Look at the content, and sketch out a plausable layout/wireframes which works with the given content for each page
4. Mock these up in Photoshop/other image editing program
5. At this point we haven’t even started ‘designing’, we’ve just layed out a usable presentation of content
6. Design an inital mockup which gives us the general ‘look’ of the site which compliments our wireframes [consider any current branding, or create new brand image folloing logo design]
7. Some clients will require 1-3 or more designs to choose from.
8. Send over initial first mock ups
9. If client is happy design each page following the same layout and design based on chosen design mockup
10. Add finishing touches send over to client for further approval before HTML conversion

Coding Stage:

1. Start slicing up the final designs and building into HTML
2. If targeting specific keywords, which are known build to enforce these
3. Upload to a testing server make sure al rollovers etc are as client expected
4. Test test test – in all major browsers, amend until the coded site looks exactly like the PSD sent to client previously.

Development Stage:

1. Depending on whether the client required a CMS/e-commerce or static HTML site progress to the development stage
2. Code in using PHP or chosen language
3. Setup all databases
4. Test test test again to make sure all code is functioning as expected

Setup Stage and Maintenance:

1. Upload to clients server, or setup server for them if they’re not sure how
2. Send instructions how to use CMS/setup meeting explaining everything
3. Most web designers should offer some form of maintenance, this doesn’t come free.

As you can see a  lot more goes into a complete website than most people think, and this is accounting for font selection, copywriting, SEO, javascript implementation and various other extras.  A high quality website should contain all of these and if you think it sounds too cheap, it probably is!  You get what you pay for.

As a UI/frontend designer I maybe slightly biased, but I hear of lots of people who think they can design too.  Because design is so subjective everyone has an opinion and therefore they believe they could do better, or it’s easy.  I beg to differ, it takes years of practice and experience to be able to produce a quality, workable design.

So next time you see cheap web design, ask yourself why is it so cheap?  What have they cut out of the above to bring the price down? A good way to look at it is as an investment, what ROR will I get if I go for a higher quality build?

We had an issue at work this morning on the front end web server, as always I usually delve straight into the log files, this is what I find:

0×2498  ULS Logging                              Unified Logging Service              uls1      Monitorable       Tracing Service lost trace events.  Current value 13. 

I found in a forum post on MSDN that when this happens, you need to restart the Windows SharePoint Service Tracing service.

SharePoint immediately started logging the events appropriately, so. In summary. Im still not sure what the initial problem was (I shall have to look elsewhere) but found out something I didn’t know. The beauty of SharePoint.

So, I went past the shop earlier. I saw the headline. Thanks Everybody, and Goodbye. I almost went and bought it.

But I couldn’t bring myself to do it. It just didn’t feel right. I wonder how many other media outlets will get on in the up and coming months.

I predict more allegations. I truly think this just the beginning of some major change.