• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 454
  • Last Modified:

ToolStrip OverflowButton appearance is too small

I have become the developer for an existing application with a System.Windows.Form.SplitContainer. On the left side of the container is a TreeView control that, based on selection, determines what is seen in the right side of the container.  The right side is setup with a Tool Strip pinned to the upper left corner and area for displaying various configurations of the selected left side node.  The ToolStrip contains 1 -> n buttons (based on how many configurations there are). The CanOverflow property is True.  The OverflowButton is correctly not displayed when not needed and is displayed correctly when the user either resizes the window of the application or when there are too many buttons to be displayed across the toolstrip.  However, the OverflowButton and arrow are too small for the user to notice that there are more items (see image).  
I set the following properties of the OverflowButton in hopes that the button would be wider and have the image on the button but it seems nothing I do works.  How can I change the appearance of the OverflowButton item.
 

this.toolStrip1.OverflowButton.AutoSize = false;
this.toolStrip1.OverflowButton.Size = new Size(50, 25);
this.toolStrip1.OverflowButton.DisplayStyle = ToolStripItemDisplayStyle.Image;
this.toolStrip1.OverflowButton.Image = global::MyApp.Properties.Resources.NavButtonRight;ToolStrip Overflow ButtonI have become the developer for an existing application with a System.Windows.Form.SplitContainer. On the left side of the container is a TreeView control that, based on selection, determines what is seen in the right side of the container.  The right side is setup with a Tool Strip pinned to the upper left corner and area for displaying various configurations of the selected left side node.  The ToolStrip contains 1 -> n buttons (based on how many configurations there are). The CanOverflow property is True.  The OverflowButton is correctly not displayed when not needed and is displayed correctly when the user either resizes the window of the application or when there are too many buttons to be displayed across the toolstrip.  However, the OverflowButton and arrow are too small for the user to notice that there are more items (see image).  
I set the following properties of the OverflowButton in hopes that the button would be wider and have the image on the button but it seems nothing I do works.  How can I change the appearance of the OverflowButton item.
 

this.toolStrip1.OverflowButton.AutoSize = false;
this.toolStrip1.OverflowButton.Size = new Size(50, 25);
this.toolStrip1.OverflowButton.DisplayStyle = ToolStripItemDisplayStyle.Image;
this.toolStrip1.OverflowButton.Image = global::MyApp.Properties.Resources.NavButtonRight;
0
lindat98
Asked:
lindat98
1 Solution
 
Bob LearnedCommented:
Take a look at this Code Project article.  The sample code shows a custom ToolStripRenderer, and has bitmaps for the overflow button.

ToolStrip Custom Renderers
http://www.codeproject.com/Articles/12785/ToolStrip-Custom-Renderers
0
 
lindat98Author Commented:
Thank you.  The article and code very informative.  I had steered away from a custom renderer but I feel more confident seeing the examples.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now