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>
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.
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>
When setting the second TabItem IsSelected property of Tabview, it does not take effect, and the first TabItem is still selected，and the second one alsodisplays the selection style.
Code
<telerik:RadTabView x:Name="tabView" AutomationId="tabView">
<telerik:TabViewItem HeaderText="Home">
<Label Margin="10" Text="This is the content of the Home tab" />
</telerik:TabViewItem>
<telerik:TabViewItem HeaderText="Folder" IsSelected="True">
<Label Margin="10" Text="This is the content of the Folder tab" />
</telerik:TabViewItem>
<telerik:TabViewItem HeaderText="View">
<Label Margin="10" Text="This is the content of the View tab" />
</telerik:TabViewItem>
</telerik:RadTabView>Please Refer to the attachment for the results.
empty TabView, start adding items to the control, tab headers are not visible.
You need to resize the window to show the headers.
