Jan Tielens' Bloggings

SharePoint 2010 Public Beta Available on MSDN

2009-11-16T17:29:00Z

Finally the public betas of SharePoint 2010 (both SharePoint Foundation and SharePoint Server), Office 2010, SharePoint Designer 2010 and Visio 2010 are available on MSDN Subscriptions, so start your download engines right now! :-)

If you don't see the download, you can use this direct link (make sure you are signed in to the Download Center before you click the link).

Introducing SharePoint 2010 Training at U2U

2009-11-06T06:12:00Z

During the last couple of weeks, we at U2U have been very busy building course material for our upcoming SharePoint 2010 courses. We expect that lots of experienced SharePoint developers, power users and administrators are very eager to get up to speed with the new version of SharePoint as soon as possible. That’s why the first course that we’ve build is titled Upgrade to SharePoint 2010. This course will focus on all the exciting new stuff in SharePoint 2010, so people with SharePoint experience will get all the relevant info as quickly as possible. Because an administrator is probably not interested in developer stuff, we’ve chosen to split the course into three different parts:

Part 1: Tools and Technologies (2 days)
The focus of the first part of this course is on everything what’s new in SharePoint 2010 from a power user perspective. That means: everything you can configure in SharePoint 2010 without writing custom code. We’ll start with an overview of the new SharePoint 2010 platform, after that all the important new features will be discussed separately. Although this part will not involve building code customizations, it’s important for technical people (developers, architects, IT-Pro’s …) as well to know about these important new and enhanced features.
Part 2: The Development Platform (2 days)
SharePoint 2007 already was a very extensible platform: as a developer you could enhance and extend the out-of-the-box functionality using some powerful techniques. Unfortunately developing for SharePoint 2007 often required to developer to spend lots of time writing XML, using command line utilities,… This part of the course will focus on the new development tools in Visual Studio 2010 which will make the life of SharePoint developers a lot easier, and the new developer opportunities in SharePoint 2010.
Part 3: Administration and Configuration (1 day)
Also for IT-Pro’s and System Administrators SharePoint 2010 has lots of new functionality. In this final part of the course, we’ll focus on how SharePoint 2010 can make the life of administrators significant easier.

If you are a developer or architect I’d recommend you to follow all three parts of the course (yes even the administration and configuration part). If you are a power user, end user, manager or business decision maker (thus not a very technical person), I’d recommend you to attend the first part of our course. Finally if you are an IT-Pro or system administration, part 1 and 3 are relevant for you. You can read the full course description at the U2U site, and check out the schedule (the course is already scheduled in Brussels, Belgium in December and January, but we can deliver on-site courses as well).

In the near future U2U will expand its SharePoint 2010 training offerings to facilitate the needs of everybody who wants to get in the SharePoint 2010 game, even if you don’t have experience with the previous versions of SharePoint. So make sure you visit the U2U site once in a while to see if there is anything new. Alternatively you can subscribe to our newsletter over there, or you can follow us on Twitter as well (@u2u) or visit our Facebook page (and become a fan!).

People that are attending TechEd Europe in Berlin next week, make sure to visit the U2U booth to check out our new course material, and to receive a free SharePoint 2010 t-shirt (just mention that Jan sent you :-) ). If you have any questions and I’m not at the booth, feel free to ask for me. Or you can attend my BoF Session about SharePoint, Silverlight and jQuery on Thursday.

Join my BoF Session at TechEd Europe about SharePoint, jQuery and Silverlight

2009-11-04T15:21:00Z

I’ve got the pleasure to be able to present a Birds-of-a-Feather (BoF) session at TechEd Europe next week: BOF14 Microsoft SharePoint, jQuery and Microsoft Silverlight: Better Together. If you are interested in these technologies please join the discussion on Thursday, 12:20 in Theater 6 – Pink.

Feel free to comment if you are planning to attend, it’s nice to know who’ll be there! :-)

Watch the SharePoint Conference Live, from your home/office (9am Pacific, 6pm CET)

2009-10-19T15:30:00Z

In 20 minutes a very important event is going to get started: the SharePoint Conference 2009! If you're not in Vegas (like me), get yourself in front of a computer with a big bag of chips, popcorn or whatever snack you prefer, and watch the keynote (featuring Steve Ballmer) live! I'm sure it will be a nice show and expect an avalanche of SharePoint 2010 information to be released shortly afterwards. Also make sure you keep an eye on Twitter, blogs, Facebook etc. to see the reactions of SharePoint fans all over the world. My buddies at EndUserSharePoint are going to cover the conference with lots of real time content, so these pages will be open on my pc as well. Have fun!

Assembly-Free jQuery in SharePoint Sites Using the SmartTools jQueryLoader

2009-10-14T18:48:00Z

Summary: The SmartTools jQueryLoader enables the jQuery Javascript library in your SharePoint sites using an effortless and Assembly-Free deployment technique. Additionally the jQueryLoader will dynamically load custom Javascript files, deployed to a Document Library. Seeing is believing: watch this short screencast that shows the deployment and some sample scripts!

Download the SmartTools jQueryLoader Installer from the Codeplex project
Watch the short (8 minutes) screencast that shows the deployment and some sample scripts.

If you read my blog you probably know that using the jQuery Javascript library in SharePoint 2007 sites can enhance and extend the out-of-the-box user interface significantly. But up to now it was time consuming and a tedious job to enable jQuery in SharePoint sites, for example: adding a Content Editor Web Part to the page, open the properties, copy/paste a script using the Source dialog etc. Even worse: these steps needed to be done on every page where the desired jQuery functionality should become active.

These issues can be solved by using the new SmartTools jQueryLoader that I’m releasing today! The SmartTools jQueryloader basically is a Javascript file that dynamically loads additional custom Javascript files stored in a predefined Document Library. This Document Library has extra columns to specify when and in what order those Javascript files should be loaded. So making available a new js file (containing your next amazing extension) in your SharePoint sites will be as easy as uploading that file to the Document Library. The jQueryLoader will take care of loading your script accordingly.

The jQueryLoader script itself, and the jQuery library as well, need to be loaded of course in every page in your SharePoint sites. This is accomplished by making a small change to the Master Page that’s in use in your SharePoint sites. All these configuration steps, including the creation of the Document Library, changing the Master Page, adding the jQueryLoader etc, are executed with an automated installation page. The really cool thing about this installation page is that it’s a basic SharePoint Site Page that doesn’t contain any server side code; everything is accomplished using Javascript. That means that to make use of the jQueryLoader (and its installer), there is nothing that needs to be changed, configured or deployed on your servers! That’s what is called Assembly-Free by the way.

Here is an overview of the installation steps:

Navigate to any Document Library in a SharePoint site.
Upload the SmartToosls.jQueryLoader.Install.aspx file to that Document Library (this file can be deleted after the installation).
Open the uploaded page by just clicking on it.
Select the desired installation options by checking their checkboxes in the list. For a first-time installation you typically check at least the first four checkboxes (see below).
Click the Start Installation button and keep an eye on the Installation Log at the bottom of the page.
That’s it!

The different installation options which can be selected are:

Create js Document Library: will create a hidden Document Library called js. This Document Library will have four custom columns:

Autoload (true/false): to specify if the jQueryLoader should dynamically load the file
Sequence (number): to specify the order in which the files are loaded
ApplyTo (text): a regular expression to specify on which pages the file should be loaded
Group (text): an optional value to group different files together

Create or update jquery.js: will upload the jQuery library to the js Document Library.
Create or update smarttools.jqueryloader.js: will upload the jQueryLoader script to the js Document Library.
Update the default.master: will make a change to the default.master Master Page (or the one you select by changing the value in the textbox). This change adds three script tags in the head element of the HTML page.
Update the default.master of a child site: (optional) will make a change to the Master Page of a child site (see previous option). Notice that this child site will make use of js Document Library of the current site.
Add test Web Part (optional): will add a test Web Part to the default.aspx (Home) page of the site to verify if jQuery is active.
Enhanced Tasks View, Task Notifications and AJAX Lists (all optional): will add various sample scripts to show of the power of jQuery in SharePoint see the demo screencast for more information.

The optional sample scripts are just there to give you an idea what can be accomplished using jQuery in SharePoint sites, and to show you how easy it is to deploy them. The real added value is of course your creativity to build custom scripts making SharePoint even better. Feel free to contact me when you’ve got a cool sample as well!

"The Office SharePoint Server Standard Web application features feature must be activated" on Windows Server 2008 R2

2009-10-14T04:45:00Z

When I was installing a brand new demo environment using Microsoft's latest and greatest platforms (Windows Server 2008 R2 and SQL Server 2008) I ran into an annoying issue related to SharePoint. The slipstreamed installation (including SP2) went fine, but when I tried to create a new Collaboration Portal or Publishing Portal I got the error: "The Office SharePoint Server Standard Web application features feature must be activated at the web application level before this feature can be activated.".

After some searching I learned that MOSS SP2 was not correctly applied, re-installing MOSS SP2 solved the issue. Apparently this is a known issue which can be avoided by adding the Web Server Role before running the slipstreamed SharePoint installation.

Error trying to activate Publishing Infrastructure (on Technet)
Add Web Server role before installing SharePoint (blog post)

Make SharePoint 2007 Act Like SharePoint 2010, Updated

2009-09-30T19:22:00Z

In my previous post I introduced a small script to extend the Edit Control Block (ECB) of list items and documents. The added menu items in the ECB allow users to update certain metadata fields for that item or document. The cool thing is that everything is happening in the background with the help of jQuery, even the actual updating of the data. The result: no postbacks or full page loads, pure AJAX goodness just like showcased in the SharePoint 2010 sneak peek videos. Today I’m releasing a new and improved version of the script, based on your feedback. Here are the changes:

Column names can have a display name and an internal name

In the previous version of the script you’d had to specify the names of the columns you’d like to ajaxify based on the internal name (which escapes spaces etc). In the new version of the script you can specify the display name as well. For example this is a possible configuration for a Task list:

columns: ["Status", "Priority", "% Complete#PercentComplete", "Description#Body"]

For the Status and Priority columns, no internal names are specified since they are the same as the display names. But notice that the next two columns have a # sign in them. The part preceding the # sign is the display name, the part after the # sign is the internal name from SharePoint.

Column values can have a display name and an internal name.

This works exactly as the column names, so if there is a # sign, the first part will be the display value, the second part will be the internal value. For example this is the array of values for the % Complete column of a task list:

["100%#1.00000000000000", "75%#0.750000000000000", "50%#0.500000000000000", "25%#0.250000000000000", "0%#0"]

Internally percentages are stored as values between 0 and 1. But we’d like show them as real percentages to the user of course: e.g. 100% will be displayed, while 1.00000000000 will be stored in SharePoint.

Multiple lists and document libraries can be configured in the same script.

Now you can also use the script if there is more than one list view web part on a page: in the lists option of the ajaxListConfig variable, multiple lists can be defined based on their name.

var ajaxListConfig = {
    lists:
        [
            {   name: "Tasks",
                columns: [ ... ],
                values: [ ... ] },
            {   name: "Issues",
                columns: [ ... ],
                values: [ ... ] },
        ],
    debug: 0, // set to 1 to see log messages
    animationSpeed: "fast" // possible values: "slow", "normal", "fast" or a number (milliseconds)
};

User entered values are now supported.

In the previous version, the user could only use the predefined values for a column (which makes lots of sense for Choice columns). In the new version, if the values option of a list configuration is equal to null (instead of an array of values), dialog is displayed in which the user can fill out a new value. For example in the Task list below, the Update Description menu item is displayed, but there is submenu to display the possible values.

When the user clicks on the Update Description menu item, a dialog is displayed to allow the user to modify the value. Once again there are no postbacks. To display the dialog I’m using the Imprompty jQuery extension (included in my script). Notice that there is no Rich Text editing (yet), so HTML tags will be stripped out. Also there is no support for editing Person fields etc.

Finally ...

... some small bug fixes and performance enhancements are done. To use the script, configure it to your needs (when you download it, it’s configured for a default Task and Issue list), then follow these steps:

Navigate to the page where you would like to use it (e.g. http://yoursite//Lists/Tasks/AllItems.aspx for the Task list).
Click Site Actions, Edit Page (top right).
Click Add a Web Part.
Select the Content Editor Web Part in the Miscellaneous section and click Add.
Optionally drag the Content Editor Web Part to the bottom of the screen (otherwise a small space will be displayed on top of the page).
Click open the tool pane in the web part.
Click Source Editor ... in the properties task pane.
Copy and paste the modified script in the Text Entry dialog and click Save.
Click Exit Edit Mode (top right) and verify the result.

You can download the script over here. Let me know if you have any issues and/or any feature requests!

Make SharePoint 2007 Act Like SharePoint 2010 (sort of ...)

2009-09-11T17:19:00Z

[This script has been updated over here] I'm pretty sure every SharePoint enthusiast has seen those great Sneak Peek videos Microsoft released some time ago. And I'm sure that lots of the new features shown were very exciting for lots of you. Since SharePoint 2010 is still quite far away in the future, let's try to bring some of the 2010 stuff to SharePoint 2007! In the overview video, Tom Rizzo showed some new user interface functionality, pretty much all of it was heavily using asynchronous Javascript code to dynamically do updates, change layouts etc. All of this of course to prevent those nasty full page reloads. One of the features that caught my eye was the inline editing of list items or documents: without reloading the page, or opening a new page, it's possible in SharePoint 2010 to edit meta data. Pretty cool! And I want to have it in my SharePoint sites, today.

In my previous post I showed how you can add extra functionality to the Edit Control Block (ECB), let's take that technique and make it more flexible and customizable. Here is the result I'm looking for:

Notice that everything you see is happening completely at the client side, without any code deployed to the server, without any full page postbacks. So how do you get this working in your SharePoint sites? Just download this script file [This script has been updated over here] and open it. On top of the script you'll find the ajaxListConfig variable which you can change to customize the script:

var ajaxListConfig = {
    columns         :new Array("Status", "Priority"), // columns to ajaxify
    values          :new Array(
                        new Array("Not Started", "In Progress", "Completed",
    "Deferred", "Waiting on someone else"), // values for Status
                        new Array("(1) High", "(2) Normal", "(3) Low") // values for Priority
                        ),
    debug           :0, // set to 1 to see log messages
    animationSpeed :"slow" // possible values: "slow", "normal", "fast" or a number (milliseconds)
};

When you download the script, it's configured for a default Task list. If you want to enable it on other list types or Document Libraries, or you're running SharePoint in another language than English the following options need to be changed:

columns: in the array you need to type the names of the columns you want to ajax-enable
values: for every column defined in the columns option, you need to provide an array of values

Optionally you can set the debug option to 1, so a log window is being displayed in case something goes wrong. The animationSpeed option allows you to set the speed of the fancy fade in and out effects for the updated values. When all options are set, follow these steps:

Navigate to the page where you would like to use it (e.g. http://yoursite//Lists/Tasks/AllItems.aspx for the Task list).
Click Site Actions, Edit Page (top right).
Click Add a Web Part.
Select the Content Editor Web Part in the Miscellaneous section and click Add.
Optionally drag the Content Editor Web Part to the bottom of the screen (otherwise a small space will be displayed on top of the page).
Click open the tool pane in the web part.
Click Source Editor ... in the properties task pane.
Copy and paste the modified script in the Text Entry dialog and click Save.
Click Exit Edit Mode (top right) and verify the result.

Remember when the script doesn't work as expected, set the debug option to 1 and you'll see the log messages appearing at the bottom right of the screen. Btw, thanks my Twitter buddies who tested the script! (feel free to follow @jantielens).

[This script has been updated over here]

Customizing the SharePoint ECB with Javascript, Part 3

2009-09-11T13:00:00Z

URL Shortening in SharePoint with bit.ly

2009-09-04T15:00:00Z

In my two previous posts about customizing the Edit Control Block (or ECB for short) with Javascript, I showed some basic examples of what can be accomplished with this technique. Now it’s time to build a real life example instead of menu items which show Hello World dialog boxes.

I’m pretty sure everybody who is using SharePoint has sent a link to a document in a Document Library to somebody else (in an email message for example). So you probably know that links to documents (or list items) can become pretty long if the document is located in a Document Library on a site deeply buried in a hierarchy. Already some time ago the internet community has solved the issue of long URL’s (which were a pain in newsgroups for example, or too long for Twitter messages): URL shortening. The idea is pretty basic: you can request a short URL (typically containing a generated code) for a long URL. When somebody uses the short URL, the long URL is retrieved and the user is redirected. There are many sites on the internet that provide this service for free, in this article I will be using bit.ly because they have a pretty nice API you can work with as a developer. For example this link http://bit.ly/1btOBN will navigate to http://weblogs.asp.net/jan/archive/2009/09/04/customizing-the-sharepoint-ecb-with-javascript-part-2.aspx.

So what’s the idea? Instead of having to copy the link of a SharePoint document or list item to the clipboard, navigate to bit.ly and request a short URL over there; we’ll build this functionality directly into the SharePoint web user interface. The screenshot below shows the ECB of a normal Document Library, as you can see there is an extra menu item Shorten Link with bit.ly that has three child menu items.

Once again, in my previous post I go into the details about how you can build a nested ECB menu item by just using Javascript. So let’s quickly discuss the code to build the menu items:

function Custom_AddDocLibMenuItems(m, ctx) {
    var itemLink = window.location.protocol + "//" + window.location.host +
                        GetAttributeFromItemTable(itemTable, "Url", "ServerUrl");
    return addBitlyMenuItems(m, ctx, itemLink);
}

function Custom_AddListMenuItems(m, ctx) {
    var itemLink = window.location.protocol + "//" + window.location.host +
                        ctx.displayFormUrl + "?ID=" + currentItemID;
    return addBitlyMenuItems(m, ctx, itemLink);
}

function addBitlyMenuItems(m, ctx, url) {
    var shortenMenu = CASubM(m,"Shorten Link with bit.ly", "/_layouts/images/RAT16.GIF");

    CAMOpt(shortenMenu, "Shorten and Display", "getShortUrl('" +
            url + "', shortenAndDisplay)", "");

    CAMOpt(shortenMenu, "Shorten and Copy to Clipboard",
            "getShortUrl('" + url + "', shortenAndCopy)");

    CAMSep(shortenMenu); // separator

    CAMOpt(shortenMenu, "Show Statistics for Short Link",
            "getShortUrl('" + url + "', shortenAndShowStats)", "/_layouts/images/GRA16.GIF");

    CAMSep(m); // separator
    return false;
}

Because I want to show the ECB menu item both in Lists and Document Libraries, I’ve implemented both the Custom_AddDocLibMenuItems and Custom_AddListMenuItems Javascript functions. In those functions a string is constructed that contains a link to either the list item or to the document. Once we’ve got that URL, the addBitlyMenuItems function is called. This function will build the parent menu item in the ECB and the three child menu items which will actually do the actions. Every action menu item calls a custom Javascript function called getShortUrl which has a parameter for the long URL and a callback function. The getShortUrl function builds an URL to call the bit.ly REST API. This URL is called with the help of the jQuery getJSON function. Note that to make use of the bit.ly API you need to have a free account and a corresponding key.

function getShortUrl(url, callback) {
    var bitlyURL = "http://api.bit.ly/shorten?"
        + "version=2.0.1"
        + "&longUrl=" + escape(url)
        + "&login=YOUR_LOGIN" +
        + "&apiKey=YOUR_KEY" +
        + "&history=1" +
        + "&format=json&callback=?";

    $.getJSON(bitlyURL, function(data){
        callback(data.results[url].shortUrl);
    });
}

Once the getJSON function receives the data from bit.ly, the callback function (which was passed as a parameter) is called, passing along the shortened URL.

The three callback functions used in the addBitlyMenuItems function, will each do a specific action: show the shortened link, copy the link to the clipboard or navigate to the bit.ly statistics page. The shortenAndDisplay is the most complex of those three; this function will display the shortened URL in a DIV centered on top of the page. Once again jQuery is used for manipulating the HTML DOM to dynamically render the DIV.

function shortenAndDisplay(url) {
    $("body").append("<div id='shortUrlDiv' class='ms-vb' style='position:absolute; \
        background-color:White; padding:10px; border-width:1px; border-style:solid; \
        border-color:Black;display:none; position:absolute;'>URL shortened to:<h2>" +
        url + "</h2><a href='#' id='shortUrlDivClose'>Close</a></div>");

    var $shortUrlDiv = $("#shortUrlDiv");

    var topPos = (document.body.clientHeight - $shortUrlDiv.height()) / 2;
    var leftPos = (document.body.clientWidth - $shortUrlDiv.width()) / 2;

    $("#shortUrlDivClose", $shortUrlDiv).click(function() {
        $(this).parent().hide("fast", function() { $(this).remove(); });
    });

    $("#shortUrlDiv").css("top", topPos).css("left", leftPos).show("fast");
}

The result of this function looks like this:

The other two callback functions are very easy to implement. Notice that to show the bit.ly statistics page for a shortened link, you just need to add a + sign to that link.

function shortenAndCopy(url) {
clipboardData.setData("Text", url);
}
function shortenAndShowStats(url) {
window.location = url + "+";
}

The complete source code can be downloaded from here. You will notice that I’ve made the code somewhat easier to configure by adding a configuration variable at the top:

var shortenConfig = {
    debug: 0,                   // set this value to 1 to see debug information
    bitlyLogin: "spdemo",       // bit.ly account, below API key
    bitlyAPIKey:"R_877718dd86f418d0ee840c08af717a68",
    bitlyHistory: 1             // set this value to 1 to add to bit.ly history
};

When you set the debug variable to 1, another DIV is dynamically added to the page and will show some log messages. When the bitlyHistory variable is set to 1, bit.ly will add the shortened link to the bit.ly account (so you can track it). Once again, if you plan to use this, go to bit.ly and sign up to get your own login and API key. On top of my code there is a reference to the jQuery library hosted by Google. If you have deployed jQuery locally, feel free to change the script reference. To use the code, just navigate to a Document Library or List, and add a new Content Editor web part to that page. As the HTML source of the web part, copy and paste the entire code that you've downloaded. (For a detailed description how to add the Content Editor web part, check an earlier article)

Customizing the SharePoint ECB with Javascript, Part 2

2009-09-04T04:15:00Z

Customizing the SharePoint ECB with Javascript, Part 1

2009-09-03T13:18:00Z

SharePoint 2010 Sneak Peak

2009-07-13T14:44:00Z

I guess this will be blogged extensivly the coming hours and days: Microsoft has released official documentation about the next version of SharePoint. Read all about it here: http://sharepoint.microsoft.com/2010/Sneak_Peek/Pages/default.aspx. From that site:

General overview
SharePoint 2010 enables organizations to connect and empower people through an integrated set of rich features. Get a sneak peek of SharePoint 2010 product features today.
For IT Professionals

For IT professionals, SharePoint 2010 offers enhancement to drive productivity, scalable unified infrastructure, and flexible deployment. Learn more about how to cut IT costs with SharePoint 2010.
For Developers YAY!
For developers, SharePoint 2010 provides the business collaboration platform to rapidly build solutions and respond to business needs. Check out SharePoint 2010 features sneak peek for developers.

SharePoint Search-as-You-Type with jQuery

2009-07-02T04:18:00Z

Already since a long time I’ve been thinking about a web part that would search-as-you-type using SharePoint’s search engine. The idea behind this concept is that while you’re typing a query in the search box, asynchronously the query is already executed and the results are being displayed. Every time the query is changed, the results will be updated dynamically. This will allow users to see the results without going to the Search Results page, and even more: they don’t have to go back to alter their query. In such a scenario you want to avoid full page postbacks of course, so AJAX-techniques have to be used to accomplish this. A while back my first approach would be to make use of ASP.NET AJAX to build the necessary functionality in a web part for example. But during the last couple of weeks I’ve become a really big fan of using jQuery Javascript Library in SharePoint sites, and it happens to be that the search-as-you-type functionality can be created with the help of jQuery very easily. The beauty of this solution is that everything is happening on the client (in the web browser), so there is absolutely no requirement to deploy something to the server (nowadays this seems to be called ‘Assembly Free’).

Before you get too excited; it’s quite obvious that when you use this sample on a production server with lots of users, the SharePoint Search component can be hammered with lots of requests (which can be bad for the performance). So use it wisely! To minimize the impact on the performance of the server, the code will only execute a search query when (by default) three characters are entered, and while the user is still typing no queries are executed at all (there’s a configurable delay).

So how is all of this implemented? Well the idea is to display an HTML textbox in a Content Editor Web Part. Using the jQuery library, an eventhandler is added to that textbox for every keypress. When there are more than three characters (value is configurable) entered in the textbox, jQuery will make an asynchronous call to the Search web services (/_layouts/search.asmx). The resulting found items are displayed in an HTML div element which is positioned right below the textbox, on top of all other HTML elements. The user can select a result using the arrow keys, or by hovering the mouse over a result. When a result is selected by pressing the enter key or by clicking on it, the user is redirected to the corresponding page or document. You can see the code working in a web part in the following animated screenshot.

If you want to try this out yourself, just follow these steps. Once again, there is absolutely nothing you need to tweak and/or deploy on your server. You can do all of this through the web user interface of SharePoint.

Download the code file here.
Add a new Content Editor Web Part, which is available in SharePoint out-of-the-box, to a page.
Modify the newly added web part, use the Source Editor button in the properties task pane to add the downloaded code.
Optionally you can give the web part a meaningful Title in the Appearance group (e.g. Quick Search).

When you check out the code, notice that the first line is a reference to the jQuery library, hosted on Google’s servers. If you plan to use this in production, I’d recommend you to host the jQuery library in your own environment so you have to update the reference with your own URL.

[Update July 3th 2009] If you are using a non-English version of SharePoint, you need to change the script because by default the All Sites Search Scope is being used. On top of the script look for the quickSearchConfig variable and set the scope appropriately (you can look up the name of your Search Scopes in Central Admin/SSP). Also notice that currently using WSS is not supported (the MOSS Search Engine is used)!

var quickSearchConfig = {
    delay: 500,
    minCharacters: 3,
    scope: "All Sites",
    numberOfResults: 15,
    resultsAnimation: 200,
    resultAnimation: 0
};

My SharePoint Sessions at the Dutch DevDays

2009-05-26T05:02:00Z

Later on this week, on Friday May 29th, I will be presenting two sessions at the Developer Days in The Hague (The Netherlands). I'm pretty excited to be there, not only because it's always lots of fun to speak at this event; but there's lots of cool SharePoint 2007 stuff (IMHO) packed in my presentations:

Getting Started with .NET 3.5 in SharePoint (more info)
Abstract: Since the introduction of SharePoint 2007 lots has changed in the .NET world: version 3.0 and 3.5 of the .NET Framework have been released, which include technologies such as WCF, Silverlight and Linq. This session will focus on how you can use these new technologies in your SharePoint 2007 projects, the do's and the don'ts, and the resulting advantages.
Pimp Up Your SharePoint Site (more info)
Abstract: SharePoint 2007 has a nice web user interface available for its users, but this out-of-the-box user interface can look quite old fashioned compared to new Web 2.0 web sites on the internet. This session will focus how you can give your existing SharePoint sites some extra punch by using Web 2.0 technologies such as AJAX, Silverlight and jQuery. And the good news is that it's not always required to implement very intrusive solutions; even small changes can make your SharePoint sites rise and shine again.

Btw, the DevDays are a great way to interact with the Dutch SharePoint community; which is very well represented: Mirjam van Olst, Wouter van Vugt, Ton Stegman, Waldek Mastykarz, and many, many more. So I hope to see you there and feel free to drop by to say hi! :-)