3.2.0

vertically aligning html or numbers

I saw the thread about how to vertical-align text using something like
.aw-column-0 .aw-item-text {vertical-align:top;}

in a stylesheet and that works.

I seem to run into a problem when I have applied a format other than string such as AW.Formats.Number to the column. They don't seem to align like text does...it's almost as if they ignore it. Is there a way to vertically align these also?

Thanks
Maggie M
December 5,
Number format should not affect any CSS settings - the problem is certainly somewhere else (maybe column index?)
Alex (ActiveWidgets)
December 6,
Turns out the problem was with cells with the AW.Formats.HTML
seems like the following resolved my issue:
#mygrid span > a {vertical-align:top!important;}
    #mygrid span > font {vertical-align:top!important;}

using a dom inspector it looked like the aw-item-text object was aligned to the top but it's subelement (not sure if that's the right term) a would still be in the same place (aka not aligned). Using the above "span > a" fixed the html cells when it actually had html data in it. Using the above "span > font" fixed the html cells when it just had string data in it.

Hope that makes sense. thanks.
Maggie M
December 6,

This topic is archived.

See also:


Back to support forum