Jean Paul's Blog

There are 2 types of People in the World, One who Likes SharePoint and..

    Advertisements
  • Microsoft MVP

  • MindCracker MVP

  • CodeProject MVP

  • eBook on SharePoint 2010

  • eBook on Design Patterns

  • eBook on Windows Azure

  • NLayers Framework @ CodePlex

  • MSDN Forums

  • .Net vs. Java

    Due to Public Demand
  • Advertisements

Posts Tagged ‘built-in web parts’

SharePoint 2010 Built-in Web Parts

Posted by Paul on August 18, 2012

In this article we can explore the following inbuilt Web Parts inside SharePoint 2010.  The site collection used here is having Team Site template.

·         Announcements

·         Links

·         Team Discussion

·         Content Editor

·         Relevant Documents

·         Note Board

·         Organization Browser

·         Site Users

Testing the Web Parts

You can create a new Site Page for testing the Web Parts.

image

After creating the page use the Edit Page option and from the Insert tab click on the Web Part button.

image

After inserting the specified web part you can use the Save & Close button from the Page tab to save changes.

image

Announcements Web Part

We can start playing with the Announcements Web Part.

Purpose:  This web part can be used to track upcoming events, status updates or other team news.

Group: Lists and Libraries

image

In Action

Following is the saved page after inserting the web part.

image

Note: From this group you can add any existing list or library.  This is a more convenient way of showing multiple lists in a page.  If you cannot see an Announcements from the above group, go to the Lists and create a new list using template Announcements.


 

Links Web Part

Purpose:  This web part can be used for creating links to Web pages that your team members will find interesting or useful.

image

In Action

Following is the saved page after inserting the web part.

image

Team Discussion Web Part

Purpose:  This web part can be used to list to hold newsgroup-style discussions on topics relevant to your team.

image

In Action

Following is the saved page after inserting the web part.

image

Content Editor Web Part

Purpose:  This web part can be used to use rich content.  So this web part helps in adding formatted text, tables, hyperlinks, and images to a Web Part Page

image

In Action

Following is the saved page after inserting the web part.

image

For adding formatted text you can use the Edit Page option and the Format Text tab is visible like below:

image

Note: You can include JavaScript code in this web part and thus provides higher control over the entire page if required.


 

Playing around more with Content Editor Web Part

Now let us try to do more with the Content Editor Web Part.  Our aim is to call a JavaScript method from inside the Content Editor Web Part. (in turn it is calling Java Script from SharePoint)

Following are the steps involved:

1.       Create a new Java Script file

2.       Upload it to the Site Assets library

3.       Add a Content Web Part

4.       Modify the HTML Source

5.       Play the action

Create a new file and name it as JavaScript.js (attached).  Insert  the following contents inside it.

alert(‘A message from Java Script inside SharePoint 2010.. How is that?’);

Add the file into the Site Assets library in SharePoint.  Site Assets is a pre-created folder in the site which is used to store CSS, JavaScript and other site asset files.  You can find it over Libraries > Site Assets.

image 


 

Now add a new Content Editor Web Part and click on the Format Text tab > HTML button > Edit HTML Source link.

image

Add the following code in the appearing dialog box:

<script src="../SiteAssets/JavaScript.js" type="text/javascript"></script>​​​​​​

Now click OK to the dialog, go to the page click the Save button and refresh the page.  You should see the following dialog box from Java Script.

image

 

Note: Please note that the SiteAssets folder name is referred without spaces.

Relevant Documents Web Part

Purpose:  This web part shows the documents that are relevant to the current user.  Basically it will be remembering the documents the current user had dealt with and provides a convenient piece of feature.

image

In Action

Following is the saved page after inserting the web part.

image

Note Board Web Part

Purpose:  This web part can be used to enable users to leave short, publicly-viewable notes about this page.  Adding on the home page it helps in notifying all users on active events / messages.

image

In Action

Following is the saved page after inserting the web part.

image

Organization Browser Web Part

Purpose:  This web part displays each person in the reporting chain in an interactive view optimized for browsing organization charts.

image

In Action

Following is the saved page after inserting the web part.

image

Site Users Web Part

Purpose:  This web part can be used to to see a list of the site users and their online status.

image

In Action

Following is the saved page after inserting the web part.

image

References

            http://tinyurl.com/sp2010-customwebpart

http://tinyurl.com/sp2010-cntedt

http://tinyurl.com/sp2010-wpjs

Summary

In this article we have explored the Built-in WebParts in SharePoint 2010.  I believe the knowledge will give you good decision edge while developing SharePoint solutions.

Advertisements

Posted in SharePoint | Tagged: , , , , | Leave a Comment »