Displaying an image in the header

CodeGuru content and product recommendations are editorially independent. We may make money when you click on links to our partners. Learn More.


Unlike most other common controls, the header control does not use an image list. It does allow you to use a bitmap in any of the header item. You can display just the bitmap or the bitmap with the item label. You use the CHeaderCtrl::SetItem() function to assign a bitmap to a header item or to remove a bitmap if one is already assigned.

The following code assigns a bitmap to a header control item. This code will show the bitmap as well as the item label. I noticed one bug with this code. The right most column of pixels in the bitmap does not get displayed. You should, therefore, not consider the right most column when creating the bitmap. Also, if the bitmap is taller than what the header control can display, then only the middle portion of the bitmap is displayed. The header control does not have a problem in displaying wide bitmaps. Another note of warning, the bitmap is not displayed transparently. If you want a non rectangular shape, you have to use a gray background for the bitmap and hope that the user does not change the color scheme.

	HD_ITEM hditem;
	hditem.mask = HDI_FORMAT;
	((CHeaderCtrl*)GetDlgItem(0))->GetItem( nCol, &hditem );
	hditem.mask = HDI_BITMAP | HDI_FORMAT;
	hditem.fmt |= HDF_BITMAP;
	// mybitmap is a CBitmap object containing the bitmap
	hditem.hbm = (HBITMAP)mybitmap.GetSafeHandle();
	((CHeaderCtrl*)GetDlgItem(0))->SetItem( nCol, &hditem );

If you want to display just the bitmap and not the label, then you can remove the HDF_STRING flag from the fmt field.

	HD_ITEM hditem;
	hditem.mask = HDI_FORMAT;
	((CHeaderCtrl*)GetDlgItem(0))->GetItem( nCol, &hditem );
	hditem.mask = HDI_BITMAP | HDI_FORMAT;
	hditem.fmt |= HDF_BITMAP;
	hditem.fmt &= ~HDF_STRING ;
	// mybitmap is a CBitmap object containing the bitmap
	hditem.hbm = (HBITMAP)mybitmap.GetSafeHandle();
	((CHeaderCtrl*)GetDlgItem(0))->SetItem( nCol, &hditem );

To remove a bitmap from the column header, you can change the format by calling the SetItem() function again and clear the HDF_BITMAP flag from the format field. Alternatively, you can use HDI_BITMAP as the mask and set the hbm field to NULL.

	HD_ITEM hditem;
	hditem.mask = HDI_FORMAT;
	((CHeaderCtrl*)GetDlgItem(0))->GetItem( nCol, &hditem );
	hditem.mask = HDI_FORMAT;
	hditem.fmt &= ~HDF_BITMAP;
	((CHeaderCtrl*)GetDlgItem(0))->SetItem( nCol, &hditem );

More by Author

Get the Free Newsletter!

Subscribe to Developer Insider for top news, trends & analysis

Must Read