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.
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>
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.