This jPart webpart is a chatbox demonstrating instant messaging like style for SharePoint.
To setup this example on your site:
| 1. |
Create a custom list to store the chatbox messages. |
| 2 |
Add the following columns to the default view in any order:
- Title (linked to item with edit menu)
- Title
- Created
- Created By
|
| 3. |
Setup required files (download or link)
- //sharejpoint.googlecode.com/files/jPart-0.4-template-expanded.js
- //ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js
- //www.sharejpoint.com/src/jquery-ui-1.7.1.redmond/css/redmond/jquery-ui-1.7.1.redmond.css
- //www.sharejpoint.com/src/jPoint_Dev/webparts/jPart.chatBox.js
- //www.sharejpoint.com/src/jPoint_Dev/webparts/jPartChatBox.aspx
|
|
4. |
Add a standard SharePoint content editor or form webpart to your page |
|
5. |
Edit the webpart source and paste following lines:
<!-- div for containing the chatbox -->
<hr> <table width="50%" align="center"> <tr><td><div id="jPartChatBoxDiv"></div></td></tr> </table> <hr> <script type="text/javascript" src="//sharejpoint.googlecode.com/files/jPart-0.4-template-expanded.js" ></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> <link rel="stylesheet" type="text/css" href="//www.sharejpoint.com/src/jquery-ui-1.7.1.redmond/css/redmond/jquery-ui-1.7.1.redmond.css" /> <script type="text/javascript" src="//www.sharejpoint.com/src/jPoint_Dev/webparts/jPart.chatBox.js" ></script> |
|
6. |
Save |
|
7. |
Exit edit mode |
|
8. |
To configure the webpart for the first time, click Edit to modify the default options.
Unless you name the list "jPartChatBoxList", you will have to change the ListName in the options below.
|
ID |
ChatBox1 |
|
ChatBoxDiv |
jPartChatBoxDiv |
|
SiteURL |
/examples |
|
ListName |
jPartChatBoxList |
|
ViewName |
|
|
MaxDisplay |
20 |
|
UpdateInterval |
5 |
|
TimeoutLimit |
1800000 |
|
DisableTimer |
false |
|
Writeable |
true |
|
FieldName |
Title |
| Title |
Chat Box |
|
WebPartTitle |
|
|
CurrentUser |
|
|
ButtonText |
Open ChatBox |
|
CAML |
|
|
ExtWindowUrl |
/src/jPoint_Dev/webparts/jPartChatBox.aspx |
|
DisplayFormat |
color |
|
CallBackFunction |
|
|
StartMode |
INT | |
|
9. |
Click Update button to save options back into the webpart |