SfTabView TabOrder

[Diego Velazquez]

Hi

is it possible or reorder tabs during runtime, according to a user configuration?

Regards,

Diego

[Karthika Ravichandran]

Hi Diego,

Thank you for reaching out to us.

We would like to clarify that the Syncfusion .NET MAUI TabView does not provide a direct way to reorder tabs at runtime. To achieve this functionality, you need to use the ItemsSource of the TabView control, as the reordering must be handled by modifying the underlying data collection.

When the TabView is bound to an ObservableCollection through the ItemsSource property, you can reorder tabs by modifying the collection itself. In the attached sample, we demonstrate how to use the Move method of the ObservableCollection within the ViewModel to rearrange items. The TabView will automatically reflect these changes and update the tab order accordingly.

Additionally, we have included logic to correctly maintain the SelectedIndex, ensuring the currently active tab remains selected even after reordering.

We have attached the sample for your reference. Kindly take a look, and feel free to contact us if you have any further questions.

Regards,
Karthika R

Attachment: TabviewSample_83bc05c2.zip

[Diego Velazquez]

Thank you for your response. The problem with you example is that all tabs use the same 

ContentItemTemplate. Im my case each tab is completely different from the other. Any suggestion?

Regards,

Diego

[Karthika Ravichandran]

Hi Diego,

Thank you for getting back to us.

We understand your concern that each tab in your scenario requires completely different content, and that using a single ContentItemTemplate would not be sufficient. Currently, the Syncfusion .NET MAUI TabView supports only a single content template when using the ItemsSource approach.

To achieve the required behavior, we have provided a workaround solution where the tab content template is dynamically updated at runtime based on the selected tab.

In the attached sample, we demonstrate how the ContentItemTemplate can be switched within the SelectionChanged event, allowing each tab to display its own unique layout when selected. This workaround enables flexibility while still preserving the benefits of data binding and tab reordering through an ObservableCollection.

We have attached the sample for your reference. Kindly review it, and please feel free to reach out if you have any further questions or need additional clarification.

Regards,
Karthika R

Attachment: TabviewSample_c1926a38.zip