3.0.5

Styling of Multiline Cells

I have rows of which one cell may contain one or more lines. Because I do not know the amount of lines that might appear in the cell I use the following CSS definition to resize the cell automatically
.active-grid-row,
.active-grid-row .active-list-item,
.active-scroll-left .active-list-item {height: auto;}


This works perfectly in FF, but IE displays it differently. The cell borders are not complete.

http://www.highlanders.co.za/userfiles/raybiez/snag0002.png

Has anyone dealt with a similar problem? Or do you have some advise as how to fix the borders?
Neil Craig
October 5,
*bump*
Neil Craig
October 10,
Neil,

here is the CSS which seem to work in both:

.active-grid-row {
    _overflow: visible;
}

.active-grid-row.gecko {
    display: -moz-box;
    height: auto;
    width: auto;
    min-width: 100%;
}
Alex (ActiveWidgets)
October 10,
Thanks a lot! Works like a charm
Neil Craig
October 11,
I'm new to AW and I'm working with the Extended Grid (2.0.1). I'm having major problems trying to get it to display multiple lines inside one cell. I've seen alot of talk about this issue, but no definitive answer. Could some kind soul please post/reply showing this situation working?



Thanks!!!!
Rich
Rich
July 3,
*bump*
July 7,
Here is the code which allows multiline text in both cells and headers. Note, that you have to specify the row height (same for all rows - auto sizing rows is not possible in AW 2.0)

var obj = new AW.UI.Grid;
    obj.setCellText("cell long text abc def xyz");
    obj.setHeaderText("header<br/> abc def xyz");

    obj.setColumnCount(10);
    obj.setRowCount(10);
    obj.setCellEditable(true);

    obj.setRowHeight(40);
    obj.getRowTemplate().setClass("text", "wrap");
    obj.setCellTemplate(new AW.Templates.ImageText);

    obj.setHeaderHeight(40);
    obj.getHeadersTemplate().setClass("text", "wrap");

    document.write(obj);

Alex (ActiveWidgets)
July 9,

This topic is archived.

See also:


Back to support forum