Button: Provide a way to change the button's appearance when hovered

Progress® Telerik® UI for .NET MAUI Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 26 Feb 2024 16:02 by ADMIN

Daniel

Created on: 11 Mar 2022 10:52

Category: Button

Type: Feature Request

Button: Provide a way to change the button's appearance when hovered

I want to style button with mouse over like in css.

Duplicated Items

Button: Add Hover VisualState

2 comments

ADMIN

Duygu

Posted on: 26 Feb 2024 15:30

Hello,

.NET MAUI defines a PointerOver visual state - this state can change the visual appearance of the view when it has a mouse cursor hovering over it and it works with our controls, including RadButton, as expected.

I am providing you a code snippet, please feel free to customize it according to the scenario's requirements:

        <telerik:RadButton Text="Click Me" Clicked="Button_Clicked">
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="PointerOver">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="Lime" />
                            <Setter Property="BorderThickness" Value="10" />
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
        </telerik:RadButton>

I've updated the status of the feedback item to "Completed".

Regards, Duygu Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Mark

Posted on: 30 Nov 2023 18:22

So far I have only used Telerik MAUI controls for Desktop apps and this would follow desktop UI normal usage