Office theme, double border od NumericUpDown

[Lukasz]

In my WPF application, I'm using Office theme (2016 or 2019). It causes that some of controls I'm using has an odd style. For example,  Xceed DoubleUpDown/IntegerUpDown etc. has an additional internal border. I'd like to avoid overriding the entire control template.

 

How to solve this problem?

Thanks!

[Vladimir Stoyanov]

Hello Lukasz,

Thank you for the shared image. 

I am assuming that you are using implicit styling with the NoXaml dlls. In that case the UI for WPF themes have a ResourceDictionary with styles for some native WPF controls (TextBox, Button etc). If these controls are part of another element (for example the specified DoubleUpDown/IntegerUpDown controls), the styles will be implicitly applied to them. 

You can find some more information about that in the following article: Setting a Theme on MS Controls. If you avoid merging the System.Windows.xaml ResourceDictionary, the styles of the MS controls will not be affected. 

Alternatively, if you want to style the MS controls but want to avoid applying the style on the children of that particular control, you can add an empty style targeting the MS control that is affected. In the scenario from the picture it seems that this is a TextBox:

<telerik:RadButton.Resources>
                <Style TargetType="TextBox" />
</telerik:RadButton.Resources>

I hope you find this information helpful.

Regards,
Vladimir Stoyanov
Progress Telerik

[Lukasz]

I'm afraid that we're not able override this control's style in that way. I've tried to define style that override values of some properties, but it didn't work. It worked only for IsReadOnly and IsEnabled properties. I think it is caused by control template defined in  generic.xaml of UpDown controls.I've tried to redefine part template of entire control TextBox and Spinner and it worked.

 

Thank you for your quick reponse!