Add hover property like in CSS to Button

[danies8]

Description

Add hover property like in CSS to Button

Public API Changes

Add hover property like in CSS to Button

Intended Use-Case

...

[PureWeen]

Does this cover it?
#10003

[ghost]

Hi @danies8. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[nogginbox]

I came accross this issue when looking for how to change the hover style for a collectionview item. I think adding PointerOver to visual state manager like this would solve my issue:

<CollectionView.Resources>
    <Style TargetType="Grid">
        <Setter Property="VisualStateManager.VisualStateGroups">
            <VisualStateGroupList>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="Selected" />
                    <VisualState x:Name="PointerOver">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="Cyan" />
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateGroupList>
        </Setter>
    </Style>
</CollectionView.Resources>

@danies8 would this solve your problem?

@PureWeen I was wondering, if there a rough release date for this new visual state?

[ghost]

Hi @danies8. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[danies8]

I want hover property for button like in CSS.

[nogginbox]

@danies8 if you're using pure XAML, you'd do that sort of styling with a visual state manager.

If you're using CSS as explained in Style apps using Cascading Style Sheets, then it doesn't look like there are supported selectors for things like hover, focus etc.

• Supported selectors

@PureWeen am I correct about these not being supported?

And @danies8 , do you mean that you'd like to add a hover selector to the CSS supported by MAUI?

So you can do something like this:

.mybutton:hover {
    background-color: red;
}

[danies8]

Add hover to the style of the button in xaml.
If it possible add sample code please.

[PureWeen]

This will all be achievable through the VSM and the PointerOver that we've added. We don't typically add properties for states anymore.

[ghost]

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.