We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

badgeview on sfbutton shows behind button when binding BadgeIcon.

Thread ID:

Created:

Updated:

Platform:

Replies:

151004 Jan 28,2020 03:23 AM UTC Jan 29,2020 11:34 AM UTC Xamarin.Forms 3
loading
Tags: SfBadgeView
David Brenchley
Asked On January 28, 2020 03:23 AM UTC

I want a badge icon to popup on button when selected, so I bind the badgeicon.

This works "almost".  The problem is, the badge shows up behind the button and you can only see part of it.

<badge:SfBadgeView  x:DataType="cos:EmailAddress" HorizontalOptions="Center" VerticalOptions="Center" Margin="3">
                                                                            <badge:SfBadgeView.BadgeSettings>
                                                                                <badge:BadgeSetting BadgeType="Success"   Offset="0, -10" 
                                                                                                    BadgePosition="BottomRight" 
                                                                                                    BadgeIcon="{Binding IsPrimary, Converter={StaticResource badgeIconConverter}}">
                                                                                </badge:BadgeSetting>
                                                                            </badge:SfBadgeView.BadgeSettings>
                                                                            <badge:SfBadgeView.Content>
                                                                                    <Frame CornerRadius="30"  Padding="3" BackgroundColor="White">
                                                                                          ...
                                                                                     </Frame>
                                                                            </badge:SfBadgeView.Content>
                                                                        </badge:SfBadgeView>

Ramya Soundar Rajan [Syncfusion]
Replied On January 28, 2020 08:30 AM UTC

Hi David, 
 
Thanks for contacting Syncfusion support. 
 
We can resolve the problem by adding the badge view content inside the grid layout as like in below code. 
 
    <badge:SfBadgeView  x:DataType="cos:EmailAddress" HorizontalOptions="Center" VerticalOptions="Center" Margin="3"> 
        <badge:SfBadgeView.BadgeSettings> 
            <badge:BadgeSetting BadgeType="Success"   Offset="0, -10"  
             BadgePosition="BottomRight"  
           BadgeIcon="Available"> 
            </badge:BadgeSetting> 
        </badge:SfBadgeView.BadgeSettings> 
        <badge:SfBadgeView.Content> 
            <Grid> 
            <Frame CornerRadius="30" WidthRequest="50" HeightRequest="50"  Padding="3" BackgroundColor="White"> 
                
            </Frame> 
            </Grid> 
        </badge:SfBadgeView.Content> 
    </badge:SfBadgeView> 
 
 
Please let us know if you have any concerns. 
 
Regards, 
Ramya. 


David Brenchley
Replied On January 28, 2020 09:42 PM UTC

Thank you, this has fixed the issue

Ramya Soundar Rajan [Syncfusion]
Replied On January 29, 2020 11:34 AM UTC

Hi David, 
 
Thanks for the update. Please let us know if you need any further assistance. 
 
Regards, 
Ramya 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon