step by step instructions

May 14, 2013 at 2:43 PM
hey!

product looks great but could anyone give a more detailed instruction set on how to install?

would appreciate greatly!
Jul 3, 2014 at 9:47 AM
Livelistdata.js didn't work on our Sharepoint Foundation 2013 setup. I made use of another script to refresh the item list.

Here's the whole process to be done (except for the creation of a custom list):

STEP 1.
Get the listguid of your custom list. How?
a) Open the List Settings of your custom list,
b) copy the URL,
c) go to http://www.surfpointtech.com/2013/10/14/sharepoint-list-id-and-view-id-calculator/,
d) paste the URL in the box provided and press Submit. The List ID will hence be generated for you.

STEP 2.
On a new page, create a table with 2 columns.

STEP 3.
On the table's 2nd column:
a. Insert a Script Editor Web Part.
b. Edit the Web part and key-in the following script:
<script src="/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="/jquery.sharepoint.chat-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
   $(document).ready(function() {
      $.chat(
         {
            listguid: "{7B5E022A-B4D1-4480-A7CD-7EAD28966D8F}",
            savecaption: "Send Chat Message",
            clearcaption: "Clear Text"
         }
      );
   });
</script>
<h3>Chat Box</h3>
<div id='jQueryChatBox'></div>
c. Change the path of jquery-1.11.1.min.js and jquery.sharepoint.chat-1.0.js. Both scripts should point to where you saved your jscripts in your Sharepoint site.
d. Replace listguid 7B5E022A-B4D1-4480-A7CD-7EAD28966D8F with the List ID generated in STEP 1.
e. Press insert to save the snippet.

STEP 4.
a. Open notepad and key-in the following:
<script src="/jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function reload() {
$.ajax({
   async: false,
   cache:false,
   url: "/Lists/Chat%20Messages/AllItems.aspx",
   complete: function (xData, Status) {
    var DVWPMarkup = $(xData.responseText).find("#MSOZoneCell_WebPartWPQ2").html();
    $("#chatme2").html(DVWPMarkup);
    }
});
}

$(document).ready(function(){ 
reload();
var auto_refresh = setInterval(function(){reload();}, 2000); 

});
</script>
<div id="chatme2"></div>
Note that you need to change 1) the script path and 2) the url target, which is your custom list.

b. Save the file as chat.txt and upload it to your Sharepoint site. Take note of the path where you saved the file as you will be using it in Step 5.

STEP 5.
On the table's 1st column:
a. Insert a CEWP.
b. Edit the Web Part by clicking the Web Part Properties icon.
c. In the Content Link dialog box, key-in the path where you saved the chat.txt file (in Step 4b)
d. Press OK.

STEP 6.
Save your page.

You should have a working chat page by now.

The message list will refresh every 2 seconds.