1. Home
  2. Forum
  3. Xamarin.Forms
  4. SfTabView Tabs appear at the center of the page instead of appearing at the bottom of the page.

SfTabView Tabs appear at the center of the page instead of appearing at the bottom of the page.

Hi Syncfusion Team,

I am having an issue that my tab items appear at the center of the page. Refer to the screenshot, the position of the tabs are obviously subject to the content of the page instead of the device screen.

Attached herewith the screenshots of the error screen, and the code that made up the tabs. 

Thank you.

Attachment: SfTabView_Issue_bfafe47f.rar

1 Reply
SP Sakthivel Palaniyappan Syncfusion Team March 23, 2020 08:29 AM UTC

Hi Khar,

Greetings from Syncfusion.

We have checked the reported issue and you can resolve this by setting VerticalOptions to FillAndExpand for SfTabView as like below code snippet.

XAML:

 
<tabView:SfTabView VisibleHeaderCount="-1" VerticalOptions="FillAndExpand"   TabHeight="60" TabHeaderPosition="Bottom" BackgroundColor="White"> 
 

We have created sample based on your requirement, please find the sample from below.

Sample link:
https://www.syncfusion.com/downloads/support/directtrac/general/ze/TabViewSimpleSample1806752143.zip

Please let us know if you have any other queries.

Regards,
Sakthivel P. 


Loader.
Up arrow icon