The TabView behaves erratically in RTL languages (e.g. Arabic). The tabs are correctly outlined from right-to-left but clicking on them leads to unexpected behaviour, as can be seen in the attached video. Clicking on a tab moves the selection to a completely different tab. Furthermore, the tab content is not displayed if any tab except the first one is selected.
Our product reaches an international market and is translated to more than 20 languages. Right-to-left language support is an integral part of our application. A similar bug has been reported almost two years ago (TabView: Right to Left support). Please fix this.
A VisualStudio solution has been attached to this bug report. It uses the sample code from your documentation (Telerik TabView for.NET MAUI—Tabbed UI with Native Look) to display three tabs.
Deploy the sample application to Android or iOS platforms to reproduce the issue.
When having a RadCollectionView in the first tab for example, and switching tabs, the content inside the tabs does not update when scrolling the collectionview. When removing the RadCollectionView, the content updates.
This happens when using Telerik Maui 10.0.0 version and Maui 9.0.40
when the tab IsEnabled is set to False -> the style of the disabled tab changes, but the the disabled tab is still clickable.
when the tab IsVisible is set to False -> the tab is not visible, but its content is still visible.
In certain situations, the TabView cuts off part of the header text for some of the headers. The problem is worse when the BorderThickness property of the TabViewHeaderItem is set to 1 or bigger.
WinUI:
Android:
When wrapping the cell in a Grid with Margin, the margin does not respect.
<telerik:RadListView.ItemTemplate>
<DataTemplate>
<telerik:ListViewTemplateCell>
<telerik:ListViewTemplateCell.View>
<Grid Margin="0,5,0,0" BackgroundColor="LightBlue">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Label Text="{Binding Title}" FontSize="16"/>
<Label Text="{Binding Author}" FontSize="13"
Grid.Row="1" FontAttributes="Italic" TextColor="Gray" />
</Grid>
</telerik:ListViewTemplateCell.View>
</telerik:ListViewTemplateCell>
</DataTemplate>
</telerik:RadListView.ItemTemplate>
Provide an option for achieving the following using the TabView - add a button in the header's center and customize it:
This bug prevents the binding of the TabViewItem's properties to the underlying view-model. For example, the following code won't work:
<telerik:RadTabView x:Name="tabView">
<telerik:TabViewItem HeaderText="{Binding SomeHeaderText}"
ImageSource="{Binding SomeImageSource}">
</telerik:TabViewItem>
</telerik:RadTabView>
As a temporary workaround, the BindingContext can be propagated manually instead:
<telerik:RadTabView x:Name="tabView">
<telerik:TabViewItem BindingContext="{Binding BindingContext, Source={x:Reference tabView}}"
HeaderText="{Binding SomeHeaderText}"
ImageSource="{Binding SomeImageSource}">
</telerik:TabViewItem>
</telerik:RadTabView>