Adding Comments to a List Part 2

So here is what we have done so far from Part 1   

• Create a custom list to hold our comments
• Link the list with an Annoucements list using lookup columns
• Create a page to display a single annoucement and the realted comments from our comments list.

This is what it looks like:   

What we have so far.

 All we need to do now is setup a form on the page to allow users to create new comments on the item they are viewing.   

Read the rest of this entry »

Adding Comments to a List Part 1

What you will need

• Two Lists
• SharePoint Designer
• Basic knowledge of HTML

I’ll assume you already have a list setup on which you want to allow users to comment. For this example I will use a standard Annoucements list.

So the first thing we need to do is create a list to hold our comments.  I just used the following columns:

• Title
• Body
• Post  (lookup to main list’s ‘Title’ column)

In the main list you will need to add a column that points back to the comments list.

1. Go to the list settings page and click ‘Create Column’
2. Name the column ‘Comments‘ (the name does not really matter. Set the type to ‘Lookup‘
3. The lookup should get information from the comments list you created.  The column should be set to the lookup column in the comments list.  See the screenshot below. This column will show us the number of comments each item in our list has.  Read the rest of this entry »

Print Stylesheet for List Views

Hides everything except the list and the breadcrumbs. More posts coming later this week.

*{ background-image:none; /* remove all background images */ }
.ms-sbcell, /* search box at top of page */
.ms-topnavContainer, /*horizontal nav container */
img, /*images */
.ms-globalbreadcrumb, /*breadcrumbs */
.ms-titleareaframe, /* page image */
.ms-siteactionsmenu, /*site actions menu */
.ms-pagemargin, /* left margin beside quick launch*/
.ms-quickLaunch, /* quick launch menu */
.ms-sitetitle, /* name name */
.ms-menutoolbar, /* list tool bar */
.ms-pagetitle /* page title */
{ display:none; visibility:hidden; /*width:0px; height:0px;*/
}
.ms-pagetitleareaframe table {
position:absolute; top:1px;
width:600px;
background-image:none;
}
.ms-bodyareaframe { /*remove border around main content*/
border:0px;}