Progress® Telerik® UI for Xamarin Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 9 Jun 2021 12:37 by ADMIN
Bruce
Created on: 6 Dec 2019 11:37
Category: UI for Xamarin
Type: Bug Report
2
TreeView: [UWP] Part of the ExpandCollapseIndicator is cut off when the item is expanded
When arrows are expanded ( in horizontal position ) a part of them is cut off on UWP
2 comments
ADMIN
Yana
Posted on: 9 Jun 2021 12:37

Hi Zachary,

Thank you for posting your feedback,  indeed, the issue is easy reproducible, still, it hasn't been included in the planning due to other tasks with higher priority. I've updated its priority per you comment.

For now you can use the following approach to workaround the issue  -  create a custom ItemTemplate as described here: TreeView: Custom Item Template  and modify the column width for UWP with a static value:

<telerikDataControls:TreeViewDescriptor.ItemTemplate>
    <DataTemplate>
        <Grid Margin="{Binding Path=Level, Converter={StaticResource levelToMarginConverter}}"
        HeightRequest="40">
            <Grid.ColumnDefinitions>
                <ColumnDefinition>
                    <ColumnDefinition.Width>
                        <OnPlatform x:TypeArguments="GridLength" Default="Auto">
                            <On Platform="UWP">45</On>
                        </OnPlatform>
                    </ColumnDefinition.Width>
                </ColumnDefinition>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <telerikTreeView:ExpandCollapseIndicator FontSize="Medium"
                                                WidthRequest="10"
                                                Margin="15,0"
                                                VerticalTextAlignment="Center"
                                                IsLoading="{Binding Path=IsLoading}"
                                                IsLoadOnDemandEnabled="{Binding Path=IsLoadOnDemandEnabled}"
                                                IsExpanded="{Binding Path=IsExpanded}"
                                                IsLeaf="{Binding Path=IsLeaf}" />
            <telerikPrimitives:RadCheckBox Grid.Column="1"
                                IsChecked="{Binding Path=IsChecked, Mode=TwoWay}"
                                IsVisible="{Binding Path=IsCheckBoxVisible}"
                                VerticalOptions="Center" />
            <telerikTreeView:ItemText Grid.Column="2"
                        Margin="8,0,0,0"
                        VerticalOptions="Center"
                        Text="{Binding Item.Name}" />
        </Grid>
    </DataTemplate>
</telerikDataControls:TreeViewDescriptor.ItemTemplate>

 

I hope this workaround would be acceptable for you.

Regards,
Yana
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Zachary
Posted on: 4 Jun 2021 20:06
A bit disappointing that this hasn't been resolved by now for such a simple bug. A basic control does not look correct right out of the box on UWP.
Create an account Log In
View
Type
Status
Category