SfBadgeView control support for Xamarin.Forms Shell container/framework

Hi,

Does the SfBadgeView control support the latest Xamarin.Forms Shell container/framework (https://docs.microsoft.com/en-gb/xamarin/xamarin-forms/app-fundamentals/shell?tabs=android)?

I am using Xamarin Shell with bottom tabs and would like to add SfBadgeView to one of the tab icons. Is this possible? If so, can you please provide any guidelines.

Thanks in advance,

Yousuf

Hi Yousuf, 

 

Greetings from Syncfusion. We have added in our badgeview control in Xamarin.Forms Shell container and the sample was downloaded from the link given by you. We have included badgeview control in home page and login page. Please find the sample from below link.  

 

Sample link: http://www.syncfusion.com/downloads/support/forum/142797/ze/TailwindTraders.Mobile-925000826.zip  

 

Output: 

 

 

 

 

 

 

To add the BadgeView in Shell bottom tab, you need to add the bottom tab content in to badgeview control. Please refer the below help document link for more details. 

https://help.syncfusion.com/xamarin/sfbadgeview/getting-started#adding-content  

 

To customize the badgeview control, please refer online help document link below here. 

https://help.syncfusion.com/xamarin/sfbadgeview/getting-started  

 

Regards, 

Bharathi. 

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:

Hi Yousuf,  

 

We have checked the ShellSection in Xamarin.Forms Shells. They get the input as Title and Icon from ShellSection and rendered in their source. So, we are not able to find any options to place the BadgeView in ShellSection like TabView HeaderTemplate concept. If they provided Template concept in ShellSection to add a CustomView, we can add a BadgeView as a CustomView in bottom tabs. Otherwise, it is not possible to add BadgeView in bottom tabs of Shell. 

 

Regards, 

Bharathi. 

That is what I suspected too.

Yousuf

Hi Yousuf, 

  

Thanks for your feedback. 

  

Bharathi. 

Do we have any news on that?

Can we somehow use the sfbadge to the Shell as described my above friend?

Thanks

Nick

Hi Nick, 

 

Greetings from Syncfusion. 

 

If the support is provided in Xamarin Forms shell tab view to have custom view like button, then you can add the badge view. 

 

Thanks, 

Rachel. 

Appreciate your swift response. You mean that there is now available and i can use it? 

Can you please send me more details? Do i need any updates?

Nick

Hi Nick, 

 

As we have mentioned earlier in this forum, the bottom tab has support to add Title and Icon from ShellSection. So, we are not able to find any options to place the BadgeView in the ShellSection like the TabView HeaderTemplate concept. If they provided templating concept in ShellSection to customize its view, we can add a BadgeView as a custom view in bottom tabs. Otherwise, it is not possible to add BadgeView in bottom tabs of Shell.  

 

Thanks, 

Rachel. 

I got you. Thanks for the info. 

Have you contact them to require such an enhancement?

Nick

Hi Nick, 

 

We have considered your suggestion and logged enhancement report for the template support in tab bar in Xamarin Forms Shell platform. 

 

https://github.com/xamarin/Essentials/issues/1008 

 

Thanks, 

Rachel.