How to Set Initial Two Tab left align and last Two Tab Right Align in MAUI TabbedPage

Faiz Quraishi 145

I have a TabbedPage in MAUI .Net API 34 Visual Studio 2022

I am loading Collection Class Data in TabbedPage with Content ItemTemplate.

I have more than 7 records in collection class repository.

Initially I am loading Two record and then on next Tab click I am loading three Tab

and finally I am displaying two Tab at the end.

I am not finding any way to align first Two Tab to left when Two records are binded

and last Two Tab to right when last two records are binded .

The sample Demo application to reproduce issue is attached at https://github.com/qmfaiz55510/TitleFontIssueInTabbedPage

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 75,351 Reputation points Microsoft Vendor

2024-08-30T06:04:02.78+00:00

Do you want to always keep two tabs?

Or do you want to keep the right two tabs and left two tabs, just change the center tab?

Which platform do you want to implement this function?
Faiz Quraishi 145 Reputation points

2024-08-30T11:28:54.43+00:00

I have TabbedPage in .Net MAUI with API 34 in Visual Studio 2022.

Example:I i got 9 records from DB and ,and hold it in a class

Then my functionality is like on Page load I will call only two records Out of 9 records

and bind to itemSource of TabbedPage.

When any Tab is clicked I will remove existing Two records and Bind next three records.

and at the final Tab click I will load last Two records.

So in this scenario if initial two records then Two tab need to align Left third right position should be empty

and if two tabs are of last records then last two Tab will align Right and third positio should be empty.
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 75,351 Reputation points Microsoft Vendor

2024-09-02T02:44:28.2266667+00:00

Hello,

You can increase number of android:TabbedPage.OffscreenPageLimit="3" in the Tabbed page.

See the setOffscreenPageLimit document

Set the number of pages that should be retained to either side of the current page in the view hierarchy in an idle state. Pages beyond this limit will be recreated from the adapter when needed.

By the way, if you have many tab pages, please do not set all of them in the Tabbedpage, keep only frequently used pages in Tabbedpage, for other pages, you can move them to detailed page.

Best Regards,

Leon Lu

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Faiz Quraishi 145 Reputation points

2024-09-02T14:19:03.29+00:00

The answer is out of scope of my requirement,its look like suggestion to do something like this ,but my requirement is something to do in other way.

I want to set if two tabs are there to left for first,

and answer is to set 3
Faiz Quraishi 145 Reputation points

2024-09-02T14:22:42.99+00:00

The answer is out of scope of my requirement,its look like suggestion to do something like this ,but my requirement is something to do in other way.

I want to set if two tabs are there to left for first,

and answer is to set 3
Faiz Quraishi 145 Reputation points

2024-09-02T14:22:54.0866667+00:00

The answer is out of scope of my requirement,its look like suggestion to do something like this ,but my requirement is something to do in other way.

I want to set if two tabs are there to left for first,

and answer is to set 3
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 75,351 Reputation points Microsoft Vendor

2024-09-03T07:32:19.3133333+00:00

if two tabs are there to left for first

Can you share a screenshot about your needs?
Faiz Quraishi 145 Reputation points

2024-09-04T10:07:34.7933333+00:00

For 3 Tabs

For 2 Tabs

Here Thirst position should be Empty and left aligh as logically Two tabs loaded

1-For initial Tab when tab number is less than 3 and have Two Tabs it should align left and

third position should be empty.

2-If Tab number is in last three then it should align right and first position should empty

Share via

How to Set Initial Two Tab left align and last Two Tab Right Align in MAUI TabbedPage

Your answer