Skip to main content
jP_web_icon

Examples

Go Search
Home
  
Examples > src > jPartChatBox  

Web Part Page Title Bar image
jPartChatBox

 jPart.ChatBox (Click Open ChatBox at top of page)

 jPart.ChatBox How-To

 

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:
<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
BTN
9.
Click Update button to save options back into the webpart