Export (0) Print
Expand All

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

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

Community Additions

ADD
Show:
© 2015 Microsoft