Ripple Effect on SfButton is not working when the Background Color is White

[paul aragones]

Hello, 

I just tried the SfButton with a white background color. Unfortunately, this doesn't show me any kind of ripple effect. 

Also, I have tried putting visual="Material" but this too doesn't work. 

I am currently using version 17.4.0.50.

Thanks. 

Paul

[paul aragones]

Hello, 

I just tried the SfButton with a white background color. Unfortunately, this doesn't show me any kind of ripple effect. 

Also, I have tried putting visual="Material" but this too doesn't work. 

I am currently using version 17.4.0.50.

Thanks. 

Paul

Here's my code:

<buttons:SfButton

                                Grid.Row="1"

                                BackgroundColor="{StaticResource White-FF}"

                                BorderColor="{StaticResource Black-34}"

                                BorderWidth="1"

                                Command="{Binding PaletteListViewCommand}"

                                Visual="Material"

                                HeightRequest="38"

                                Text="test">

                                <buttons:SfButton.Content>

                                    <Grid>

                                        <Label

                                            Margin="10,0,0,0"

                                            Text="{Binding DeviceConfig.TicUserPalettes.ticUserPaletteDefault}"

                                            TextColor="{StaticResource Black-66}"

                                            VerticalOptions="Center" />

                                        <Label

                                            Grid.Column="1"

                                            Margin="0,0,15,0"

                                            FontSize="15"

                                            HorizontalOptions="End"

                                            Style="{StaticResource LabelFontAwesomeStyle}"

                                            Text="{x:Static utils:Icons.TriangleRight}"

                                            TextColor="Black"

                                            VerticalOptions="Center" />

                                    </Grid>

                                </buttons:SfButton.Content>

                            </buttons:SfButton>

[Suyamburaja Jayakumar]

Hi paul aragones, 

 

Greetings from Syncfusion.   

 

Query: Ripple Effect on SfButton is not working when the Background Color is White   

 

We would like to let you know that provided the ripple effect has been rendered on the SfButton TextColor property. We checked the code snippet provided, used the custom view and did not set the TextColor property, so it was rendered with the default TextColor property (White Color). So, it doesn't seem like there's no ripple effect on SfButton.  

 

Please set the TextColor property of SfButton to resolve this. For now, we have set the black color as per the code snippet below.   

 

CodeSnippet[XAML]: 

<buttons:SfButton
                                Grid.Row="1"
                                BorderColor="Black"
                                BorderWidth="1"
                                Visual="Material"
                                BackgroundColor="White"
                                TextColor="black "
                                HeightRequest="38"
                                Text="test"> 

. . . . . . . 

    </buttons:SfButton> 

 

 

Video Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/151678_SfButton456319930.zip  

 

Please let us know if you need any further assistance.   

 

Regards, 

Suyamburaja J. 

[paul aragones]

Thanks it works well. 

[Suyamburaja Jayakumar]

Hi paul aragones, 

 

We glad to know the given solution works, 

 

Please let us know if you need any further assistance and please don't hesitate to contact us. 

 

Regards, 

Suyamburaja J.