Friday, May 24, 2013

Here is the Welcome web part you
can call it Hello web part OR Greeting web part as well. In this web part you
can see the current user’s name with his/her photograph, you can set user’s
first name, last name, full name and current site name. This web part works
with SharePoint Server 2010. I am using user profile services to show the
current user full name, first name, last name and user picture.

You can set color, height, width, background color/image
etc.

Here is the description of each property:

Templates:

If you want to show full name of current user, you should
use [UserName].

If you want to show first name of current user, you should
use [FirstName].

If you want to show last name of current user, you should
use [LastName].

If you want to show name of current site, you should use [SiteName].

Show User Picture:

If you do not want to show user picture. Just uncheck the
check box. If you check this check box, this web part will show user image from
user profile.

Morning Greeting Message:

Here you can set morning greeting message with the above
given templates.

Afternoon Greeting Message:

Here you can set afternoon greeting message with the above
given templates.

Evening Greeting Message:

Here you can set evening greeting message with the above
given templates.

Show Greeting Message:

If you want to show the greeting message (Morning greeting
message, Afternoon greeting message and Evening greeting message), Check the
check box otherwise uncheck this check box. The default value will be checked.

Message to Display:

Here you have to type the message which is going to be
display. The default message is “Welcome to [SiteName] [UserName]”.

CSS for Background:

Here you can provide css for the whole table of web part.
The default css is “background: #CED8F6; border: 1px solid #0072bc; margin: 5px;
margin-bottom: 0;”. You can change the default css as per your choice or
requirement.

CSS for Greeting Message:

Here you can set the css for greeting message. The default
css is “color: #0072bc; font-size: 10pt; font-family: Tahoma;”. You can change
the default css as per your choice or requirement.

CSS for Display Message:

Here you can set the css for display message. The default
css is “color: #0072bc; font-size: 12pt; font-family: Tahoma; margin-right: 5px;
margin-top: 15px;”. You can change the default css as per your choice or
requirement.

CSS for Image Display:

Here you can get the css for user image display section. The
default css is “border:solid 2px #ffffff;-moz-box-shadow:1px 1px 1px #666;-webkit-box-shadow:1px 1px 1px
#666;box-shadow:1px 1px 1px #666;line-height:17px;margin:5px; height:60px;
width:50px;”. You can change the default css as per your choice or requirement.

Image Column Width:

I am using table to create the welcome web part. User image
tag is in the first td. So you can set the column width as per you requirement
here. You can use “px” or “%” for the Image Column Width. Default value is
“55px”.

Default User Image Path:

Some users may not have uploaded their photo in to user
profile. In that case this web part will show the default user photo like:

If you want to change this default photograph, you can
provide the link of the image in this text box. After providing link of default
image you will see web part like:

Message Alignment:

You can set the message alignment as well. You will get 3
options here: Left, Right & Center. The default option is left. You can
change this as per your requirement. See I have changed to center now:

Table Width:

You can limit the web part without touching of appearance
setting of web part. As I earlier mentioned that I am using an html table so
you can set the width of the table as per your requirement.

Table Alignment:

You can set the alignment of the table as well. It will help
you to place this web part on the any page with the any size of column.