Reduce number of lines displayed in column on web part

Question

I have created a discussion board web part but the body column displays the whole body of the discussion. I would like to reduce it so that it only shows the first line or two of the body column.

If the images dont illustrate, i would like to limit the number of lines displayed in the body column on the web part to just the first two lines.

Hope this makes sense.

Thanks in advance!

Mike

Answer 1

This is a ugly way to do it but it might work for you if you just need it as a quick fix and nothing to serious.

This will change the height of the actual multiple lines of text field to only "display" one or two rows. Hovering over the field will expand and show the full text.

<style type="text/css">
.ms-vb2 .ms-rtestate-field {
    overflow: hidden;
    line-height: 16px;   
    max-height: 56px; /*change this height to show more or less rows*/
}
.ms-vb2 .ms-rtestate-field:hover {
    max-height:none;
}
</style>

The screenshot shows the same list item, while not hovering over it and while hovering.

Answer 2

Take a look at JSLink or so called Client Side Rendering. With this you can transform any column to your specification and render it as you would prefer