[SOLVED] Displaying a Text Area field in User lists

Hi,

I want to display a "Text Area" field as the 3rd column of my userlists. I don't want to limit the area of the field when it appears on the users profile because I want them to be able to write as much as they like in this field.

This gives me the problem that if a user writes a lot they could end up having a very large entry in the userlist !

Idealy I'd like to limit the number of characters which appear in the userlist, so that a truncated version of the users entry is shown.

If this isn't possible, how can I limit the line height ?

I assumed I could just set this with css but when I tried using :

#cbUserTable .sectiontableentry1 { height: 8em;}

in my template.css but this just acts as a minimum height (expanding all lines up to this but not limiting the max )

max-height seems to have no effect

Thanks for your help

Post edited by: big_rich, at: 2010/12/16 18:50

Post edited by: big_rich, at: 2010/12/17 14:26

Post edited by: krileon, at: 2010/12/17 18:39

You'll need to also hide the overflow. Setting just height won't do anything as the content will push it. max-height does work, but again you've not handled the overflow. Please try something like the following.

[code:1]
#cbUserTable .sectiontableentry1 {
height: 8em;
overflow: hidden;
}
[/code:1]

I recommend targeting the field specially though (examine with FF for the class/ID) instead of affecting the entire row. As the above only affects row 1,3,5, etc.. Example as follows.

[code:1]
.cbUserListFC_cb_area {
height: 8em;
overflow: hidden;
}
[/code:1]

The above would affect just cb_area field.

Thanks Kyle - that sorted it.

For some reason I couldn't get it to work on the individual field class though. So in the end I did the following:

[code:1] .cbUserListCol3 .cbUserListFieldLine {
max-height: 8em;
overflow: hidden;
}[/code:1]