Style not applied for my Custom button

[samyraj42]

Describe the bug

I have written code for my custom button. I have created a style for that, providing a red background color.
But that style was not applied to my custom button

To Reproduce

Step 1:

internal class CustomButton : Button
{
public CustomButton()
{

}


protected override Type StyleKeyOverride => typeof(Button);

}

Step2:

<Style Selector="local|CustomButton"> </Style>

Setp3:
<local:CustomButton
Width="150" Height="75" />

Expected behavior

No response

Avalonia version

11.1.0

OS

Windows

Additional context

No response

[timunie]

Why do you do a stylekeyoverride if you want to target your custom button? That's wrong usage here.

In case you wanted to base on button style, you need to use ControlTheme with BasedOn set accordingly.

[samyraj42]

I will remove that one.

[maxkatz6]

Yes, by using StyleKeyOverride you told styling subsystem, that it should use "Button" as a style key.
Which is why "local|CustomButton" is not matching anymore.

[maxkatz6]

If you want to create a custom button, with some additional styled, while basing it on default Button. You should take a look at ControlTheme concept, as it allows inheriting themes via BasedOn property.

[samyraj42]

Ok, I understood. I will change it according to your advice

[samyraj42]

Thanks Guys. Now it is working fine.