Hi Bharathi,
Thank you for your prompt response, and for the code sample. This was helpful.
Unfortunately, this still does not resolve my particular issue. I want to add the Syncfusion SfBadgeView to one of the bottom tab icons. Trust me, I have tried a lot of things to make this work. Adding your Badge to an image (as depicted in your example is straight forward). However, I cannot make it work with the bottom tab icon within the Xamarin Shell framework.
If you can point me in the right direction, that would really save my day. Thanks
To aid you, I am providing my Shell XAML file. I would like to add SfBadgeView to one of the items within the ShellItem section:
<?xml version="1.0" encoding="UTF-8"?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:views="clr-namespace:AcmeCompany.Views"
xmlns:syncfusion="clr-namespace:Syncfusion.XForms.BadgeView;assembly=Syncfusion.SfBadgeView.XForms"
x:Class="AcmeCompany.AppShell" x:Name="AppShellSelf" RouteScheme="app" RouteHost="AcmeCompany.com"
Route="AcmeCompany" Title="AcmeCompany" BackgroundColor="White">
<Shell.FlyoutHeader>
<views:FlyoutHeader/>
</Shell.FlyoutHeader>
<ShellItem x:Name="_mainTabbedItem" Route="bottomtabs" FlyoutDisplayOptions="AsMultipleItems">
<ShellSection Route="menu" Title="" Icon="baseline_menu_black_24.png">
<ShellContent Route="menuItem" Style="{StaticResource BrandShell}">
<views:Menu Title="Menu Page" BackgroundColor="White"/>
</ShellContent>
</ShellSection>
<ShellSection Route="home" Title="Home" Icon="baseline_dashboard_black_24.png">
<ShellContent Route="home" Style="{StaticResource BrandShell}">
<views:Home Title="Home Page" BackgroundColor="White"/>
</ShellContent>
</ShellSection>
<ShellSection Route="camera" Title="Camera" Icon="baseline_photo_camera_black_24.png">
<ShellContent Route="cameraItem" Style="{StaticResource PinkShadeShell}" Title="Camera Page"
ContentTemplate="{DataTemplate views:Camera}">
</ShellContent>
</ShellSection>
<ShellSection Route="alerts" Title="Alerts" Icon="baseline_alert_black_24.png"
x:Name="AlertTab">
<ShellContent Route="alertsItem" Style="{StaticResource PurpleShell}" Title="Alerts Page"
ContentTemplate="{DataTemplate views:Alerts}">
</ShellContent>
</ShellSection>
</ShellItem>
<ShellContent Route="settings" Title="Settings" Icon="outline_settings_black_24.png"
ContentTemplate="{DataTemplate views:Settings}"/>
<ShellContent Route="about" Title="About" Icon="outline_info_black_24.png" ContentTemplate="{DataTemplate views:About}"/>
<Shell.MenuItems>
<MenuItem Text="Log Out" Icon="outline_exit_to_app_black_24.png" Command="{Binding LogOutCommand}" BindingContext="{x:Reference AppShellSelf}"/>
</Shell.MenuItems>
</Shell>
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.
