Hover Glow size

[Dr.YSG]

I have a RadButton with an image inside of it. I want to make the hover glow a little wider and more noticable. I have tried playing with the margin, centering, etc.



I have not found the styling features for that.

        <telerik:RadButton
            x:Name="HoundButton"
            HorizontalAlignment="Center"
            VerticalAlignment="Center" Click="ShowPicker" Margin="4">
            <telerik:RadButton.Content>
                <Image Source="/Images/hound.jpg" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </telerik:RadButton.Content>
        </telerik:RadButton>

[Ivan]

Hello Dr.YSG,

Thank you for contacting us.

You can achieve such an enlargement with the help of the Padding property:
 

<telerik:RadButton
        Padding="44"
        ...

 
Please preview the attached example and let us know if there are other questions.


Kind regards,
Ivan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.