Welcome Webpart OR Hello Webpart OR Greeting Webpart




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.

Comments

Popular Posts

SharePoint Interview Questions and Answers

Download Infopath Form Templates

How to get current logged user information using JavaScript ?

Steps to set Form based authentication (FBA) for SharePoint 2010

SharePoint Interview Questions and Answers II

Get List Items - JavaScript

Cross Site List Rollup Web Part for SharePoint 2010

Hide Recently Modified Items

Change Language for current user with JSOM in SharePoint Online

SharePoint 2010 CSS Chart