Page 1 of 1

Vertical Alignment

Posted: Thu Mar 08, 2012 12:43 pm
by bluttman
Is it possible to control Vertical alignment as well as horizontal alignment?
Specifically would like to control on Grid headers.

Thanks!

Re: Vertical Alignment

Posted: Thu Mar 08, 2012 1:27 pm
by Brian
Typically vertical alignment is handled by the placement of the widget. As for the Grid Headers, they are centered vertically by default. I assume you would like to override this behavior.

If so, you will need to override this behavior in a custom css file. You would need to set the vertical-align property to something other than middle. This is set on each grid type so for example, if you wanted to override this to be top aligned for the Simple Grid your custom CSS file would contain the following:

Code: Select all

.simple-grid .header-cell {
  vertical-align: top;
}

Re: Vertical Alignment

Posted: Thu Mar 08, 2012 5:00 pm
by bluttman
OK, but it doesn't appear I can do multiple CSS classes on the grid properties-misc?

Thanks!

Re: Vertical Alignment

Posted: Thu Mar 08, 2012 6:56 pm
by bluttman
I can see now where it is effecting the screen in the external css properties.

However, it is not able to override what is at the "element.style {" level.

Forgive me if I'm not clear. I'm a novice at this css stuff! ;-)

Re: Vertical Alignment

Posted: Thu Mar 08, 2012 7:11 pm
by bluttman
Update:

Got it to work:

Code: Select all

.crystal-grid .header-cell div{
top: 20% !important;
}

Re: Vertical Alignment

Posted: Fri Mar 09, 2012 11:00 am
by Brian
Great. Glad I could help.