- Home
- Forum
- Xamarin.Forms
- SfTabItem titles cutting off in iOS (bottom orientation)
SfTabItem titles cutting off in iOS (bottom orientation)
I'm using SfTabView (version 19.3.0.43) and populating its Items in my ViewModel based on the suggestion here: https://www.syncfusion.com/forums/136265/contentpage-as-tab-view-item
<tabView:SfTabView Items="{Binding Items}" TabHeaderPosition="Bottom" DisplayMode="ImageWithText">
</tabView:SfTabView>
The problem is that when testing in iOS the SfTabItem titles seems to be cutting off at the bottom as shown in picture below. I tried to add a bottom margin to both the SfTabView and to the SfTabViewItem but didn't work. This doesn't seem to happen in Android. How can I add extra space below my Titles so they don't cut off?
Here is my ViewModel code where I populate the Items:
Items = new TabItemCollection();
Items.Add(new SfTabItem { Content = picksMenuView.Content, Title = "PoolMgmtMenu_Picks".Translate(), ImageSource = "ic_group_work_grey_500_24dp" });
Items.Add(new SfTabItem { Content = standingsMenuView.Content, Title = "PoolMgmtMenu_Standings".Translate(), ImageSource = "ic_list_grey_500_24dp" });
Items.Add(new SfTabItem { Content = groupMenuView.Content, Title = "PoolMgmtMenu_Group".Translate(), ImageSource = "ic_group_grey_500_24dp" });
Items.Add(new SfTabItem { Content = financesMenuView.Content, Title = "PoolMgmtMenu_Finances".Translate(), ImageSource = "ic_attach_money_grey_500_24dp" });
Items.Add(new SfTabItem { Content = infoMenuView.Content, Title = "PoolMgmtMenu_Info".Translate(), ImageSource = "ic_info_grey_500_24dp" });
SIGN IN To post a reply.
4 Replies
AD
Adolfo
October 3, 2021 05:30 PM UTC
I was able to reproduce the issue on iOS on top of the sample project provided in this thread: https://www.syncfusion.com/forums/136265/contentpage-as-tab-view-item. Attaching the zip file for that.
Attachment: TabviewSample_dccc30d7.zip
RS
Ruba Shanmugam
Syncfusion Team
October 4, 2021 10:02 AM UTC
Hi Adolfo,
Greetings from Syncfusion.
We have analyzed your query and you can achieve your requirement by setting TabHeight of SfTabView as per in below code snippet.
XAML:
|
<sfTabs:SfTabView TabHeight="100" /> |
Please let us know, if you have any other concerns.
Regards,
Ruba Shanmugam
AD
Adolfo
October 4, 2021 01:35 PM UTC
This seems to work. Thank you!
SS
Suganya Sethuraman
Syncfusion Team
October 5, 2021 06:00 AM UTC
Hi Adolfo,
Thanks for the update.
We are glad that your issue is resolved. Please let us know if you require any further assistance.
Regards,
Suganya S
Thanks for the update.
We are glad that your issue is resolved. Please let us know if you require any further assistance.
Regards,
Suganya S
SIGN IN To post a reply.
- 4 Replies
- 3 Participants
-
AD Adolfo
- Oct 3, 2021 04:57 PM UTC
- Oct 5, 2021 06:00 AM UTC