ToolBarOverflowPanel Button Size

StackOverflow https://stackoverflow.com/questions/22681297

  •  22-06-2023
  •  | 
  •  

Question

I have a toolbar with buttons that contain images. The png's are with 100x100 Px size. Because that's a bit too much I set the height of the toolbar to 30 with a style:

    <Style TargetType="ToolBar">
        <Setter Property="Height" Value="30" />
    </Style>

Now I randomly found out following: if I have the same buttons in the ToolBarOverflowPanel they have the size of the image 100x100. I have tried to set the height of the buttons in the ToolBarOverflowPanel with styles but couldn't make it.

Can someone help?

Was it helpful?

Solution

Don't set the Height of the ToolBar or the Button instead try setting the Height of the Image control. 

<Button Command="Test" ToolTip="Test">
    <StackPanel Orientation="Horizontal">
        <Image Source="/Samples;component/Images/test.png" Height="30" Width="30" />
        <TextBlock Margin="3,0,0,0">Test</TextBlock>
    </StackPanel>
</Button>

Samples - ToolBarControl

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top