How to: Change the Appearance of ToolStrip Text and Images in Windows Forms

2025-05-07

You can control whether text and images are displayed on a ToolStripItem and how they are aligned relative to each other and the ToolStrip.

To define what is displayed on a ToolStripItem

Set the DisplayStyle property to the desired value. The possibilities are Image, ImageAndText, None, and Text. The default is ImageAndText.

ToolStripButton2.DisplayStyle = _
    System.Windows.Forms.ToolStripItemDisplayStyle.Image

toolStripButton2.DisplayStyle = System.Windows.Forms.ToolStripItemDisplayStyle.Image;

To align text on a ToolStripItem

Set the TextAlign property to the desired value. The possibilities are any combination of top, middle, and bottom with left, center, and right. The default is MiddleCenter.
```
ToolStripSplitButton1.TextAlign = _
    System.Drawing.ContentAlignment.MiddleRight
```
```
toolStripSplitButton1.TextAlign = System.Drawing.ContentAlignment.MiddleRight;
```

To align an image on a ToolStripItem

Set the ImageAlign property to the desired value. The possibilities are any combination of top, middle, and bottom with left, center, and right. The default is MiddleLeft.
```
ToolStripSplitButton1.ImageAlign = _
    System.Drawing.ContentAlignment.MiddleRight
```
```
toolStripSplitButton1.ImageAlign = System.Drawing.ContentAlignment.MiddleRight;
```

To define how ToolStripItem text and images are displayed relative to each other

Set the TextImageRelation property to the desired value. The possibilities are ImageAboveText, ImageBeforeText, Overlay, TextAboveImage, and TextBeforeImage. The default is ImageBeforeText.

ToolStripButton1.TextImageRelation = _
    System.Windows.Forms.TextImageRelation.ImageAboveText

toolStripButton1.TextImageRelation = System.Windows.Forms.TextImageRelation.ImageAboveText;

Feedback

Was this page helpful?