Flex - Issues vertically aligning Datagrid header text

Question

Hi!!

I'm having some issues aligning the header text of a datagrid. I'm using an embed font for the header text, and when applying the css, the header text behaves as if I'd set the text vertical align to top. I'm trying to vertically center the text, but haven't found a way to make it work.

An image to give you a better idea:

Any tip?

Regards, BS_C3

Answer 1

Are you using a headerRenderer? A simple headerRenderer might look like:

<mx:HBox width="100%" height="100%" verticalAlign="middle">
  <mx:Label text="{data.name}"/>
</mx:HBox>

This will center the label vertically inside the box. You can position horizontally as well.