topic Re: How to create small buttons with the Esri_Button style in ArcGIS Pro SDK Questions

How to create small buttons with the Esri_Button style

KarenMeinstein — Thu, 15 Sep 2022 16:33:09 GMT

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.

Re: How to create small buttons with the Esri_Button style

CharlesMacleod — Fri, 16 Sep 2022 21:13:05 GMT

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

Re: How to create small buttons with the Esri_Button style

Wolf — Fri, 16 Sep 2022 22:30:11 GMT

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.

Re: How to create small buttons with the Esri_Button style

KarenMeinstein — Mon, 19 Sep 2022 18:58:03 GMT

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

Re: How to create small buttons with the Esri_Button style

KarenMeinstein — Mon, 19 Sep 2022 18:57:03 GMT

Thanks so much! That's very helpful!