Badges in tabs

-- -- 797 Reputation points
2021-12-13T10:38:35.747+00:00

Hi

Are badges possible with tabs? I have two tabs booked jobs and upcoming (future) jobs as per code below at the end and I need to show the number of jobs (booked and upcoming) on respective tabs. Something like this;

157127-hs-badges.png

How do I add badges to tab please?

Thanks

Regards

<FlyoutItem Title="Staff Jobs" Route="HomePage">  
  
        <Tab Title="Booked Jobs"  >  
  
            <Tab.Icon>  
  
                <FontImageSource FontFamily="{StaticResource ionicons}" Glyph="" Color="{StaticResource MenuIcons}" Size="25"/>  
  
            </Tab.Icon>  
  
            <ShellContent Route="BookedJobsPage" ContentTemplate="{DataTemplate local:BookedJobsPage}" />  
  
        </Tab>  
  
        <Tab Title="Upcoming Jobs"  >  
  
        <Tab.Icon>  
  
                <FontImageSource FontFamily="{StaticResource ionicons}" Glyph="" Color="{StaticResource MenuIcons}" Size="25"/>  
  
            </Tab.Icon>  
  
            <ShellContent Route="UpcomingJobsPage" ContentTemplate="{DataTemplate local:UpcomingJobsPage}" />  
  
        </Tab>  
  
    </FlyoutItem>  
Xamarin
Xamarin
A Microsoft open-source app platform for building Android and iOS apps with .NET and C#.
5,254 questions
{count} votes