Vertical Alignment

[bluttman]

Is it possible to control Vertical alignment as well as horizontal alignment?
Specifically would like to control on Grid headers.

Thanks!

[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;
}

[bluttman]

OK, but it doesn't appear I can do multiple CSS classes on the grid properties-misc?

Thanks!

[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! ;-)

[bluttman]

Update:

Got it to work:

Code: Select all

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

[Brian]

Great. Glad I could help.