No ImageAlignment Property for column's header

[Phi]

I tried to put nice graphics together with the column's header but the result does not impressed me at all. The image is too far away from the text that it looks very odd! See attached picture!

RadButton has a ImageAlignment property that I could use to move the image closer to the text. There is not such a property here that I could see.

Phi

[Emanuel Varga]

Hello,

There is an image alignment property for the columns header, but you have to access is in a different way, but it won't yield the results you are looking, for, you can access it using the ViewCellFormatting event, like so:

void radGridView1_ViewCellFormatting(object sender, CellFormattingEventArgs e)
{
    if (e.CellElement is GridHeaderCellElement)
    {
        e.CellElement.ColumnInfo.ImageLayout = ImageLayout.Zoom;
        e.CellElement.ColumnInfo.HeaderImage = Properties.Resources.calendar;
        e.CellElement.ColumnInfo.HeaderTextAlignment = System.Drawing.ContentAlignment.MiddleCenter;

        e.CellElement.ImageAlignment = System.Drawing.ContentAlignment.MiddleCenter;
        e.CellElement.TextImageRelation = TextImageRelation.ImageBeforeText;
    }
}

But this will cause an overlay of the image...

Hope this helps, if you have any other questions or comments, please let me know,

Best Regards,
Emanuel Varga

[Phi]

I just don't understand the design concept here!!! Adding image to column's header should be a basic thing for a grid. Why would you even need to attach to an event for this!!!

Phi

[Jack]

Hello Phi,

Yes, most of the properties can be set directly when accessing the column, for example:

this.radGridView1.Columns["Name"].HeaderImage = Resources.red;
this.radGridView1.Columns["Name"].HeaderTextAlignment = System.Drawing.ContentAlignment.MiddleLeft;
this.radGridView1.Columns["Name"].TextImageRelation = TextImageRelation.ImageBeforeText;

However, the ImageAlignment property is not exposed at the column level and that is why you have to handle ViewCellFormatting event. We want to keep our API clean and simple and that is why we do not expose all cell properties. RadGridView contains many cell types, which enable setting different visual properties. The preferred way to customize the cell appearance is using formatting events. Nevertheless, if you have any ideas on how to improve our API, we will appreciate them and we will consider these ideas when planning our future versions.

Should you have any other questions, do not hesitate to ask.

Kind regards,
Jack
the Telerik team