How to create small buttons with the Esri_Button style

Question

When creating WPF buttons with the Esri_Button style (i.e., Style="{DynamicResource Esri_Button}), the narrowest width allowed seems to be ~70.  In Visual Studio you can use smaller widths and the buttons show up as the correct size, but when you actually run the solution, the buttons always expand to around 70 wide.  Does anyone know a work around for this?  I have some small buttons that I would like to have match the Pro style, especially in the dark theme where the style differences seem to show up more.

CharlesMacleod · Accepted Answer

Karen, looks like there is a MinWidth set by the style so u have to override that. Here's an example:

Wolf · Accepted Answer

I agree with Charlie, it appears that the Esri_Button style sets the MinWidth to 70. So out-of-box the following XAML results in this UI representation: XAML: If you set the following Button tag attributes: 'MinWidth', 'MinHeight' and 'Padding' the Button's inner elements will determine the width/height: So now the UI looks like this: The reason why the Visual Studio XAML designer is not really WYSIWYG is because the XAML designer is not able to locate various Pro assemblies during design time, hence any ArcGIS Pro styles look different in the XAML designer versus when Pro is running.

KarenMeinstein · Accepted Answer

Thanks so much!  Your post plus Wolf's additional info solved this for me!