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

  • Article

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;

See Also

Reference

ToolStrip Control Overview (Windows Forms)

ToolStrip

Concepts

ToolStrip Control Architecture

ToolStrip Technology Summary