1. Feedback
  2. .NET MAUI
  3. 49159

Welcome to the .NET MAUI feedback portal. We’re happy you’re here! If you have feedback on how to improve the .NET MAUI, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Performance lag on opening SfExpander content

When we use simple text content on SfExpander, there is no performance lag(taking no time to open expander content), but if SfExpander content loaded with CollectionView which contains more than two image button and label, there is performance delay.


Performance difference can be seen from ripple effect on tapping the header content of sfexpander.(For simple text content, ripple effect will be quick and content will be shown immediately. With our custom content, ripple effect will be laggy and  content will be shown with some delay)


Code snippet:


  <expander:SfExpander BackgroundColor="{StaticResource White}"
25
                                     IsExpanded="{TemplateBinding IsExpanded}"
26
                                     AnimationDuration="300"
27
                                     AnimationEasing="SinInOut"
28
                                     HeaderIconPosition="None">
29
                    <expander:SfExpander.Header>
30
                        <Grid ColumnDefinitions="Auto, *"
31
                              HeightRequest="56"
32
                              Padding="16, 12">
33
                            <Label Grid.Column="0"
34
                                   Text="{TemplateBinding HeaderTitle}"
35
                                   Style="{StaticResource Body1}"
36
                                   TextColor="{StaticResource Gray600}"
37
                                   FontFamily="{StaticResource SemiboldFont}"
38
                                   VerticalOptions="Center" />
39
                            <Image Grid.Column="1"
40
                                   HorizontalOptions="End"
41
                                   Source="{TemplateBinding IsExpanded, Converter={StaticResource BoolToImageConverter}}" />
42
                        </Grid>
43
                    </expander:SfExpander.Header>
44
                    <expander:SfExpander.Content>
45
                        <CollectionView ItemsSource="{TemplateBinding ItemsSource}">
46
                            <CollectionView.ItemTemplate>
47
                                <DataTemplate>
48
                                    <Grid BackgroundColor="{StaticResource Gray300}">
49
                                        <Grid ColumnDefinitions="Auto, Auto, *"
50
                                              RowDefinitions="Auto,Auto"
51
                                              Margin="0,0,0,1"
52
                                              BackgroundColor="{StaticResource Gray200}"
53
                                              ColumnSpacing="12"
54
                                              Padding="16, 12">
55
                                            <Border Grid.Column="0"
56
                                                    BackgroundColor="{StaticResource White}"
57
                                                    Padding="8"
58
                                                    StrokeShape="RoundRectangle, 32">
59
                                                <Border.Shadow>
60
                                                    <Shadow Offset="2,2"
61
                                                            Radius="6"
62
                                                            Opacity="0.12"
63
                                                            Brush="Black" />
64
                                                </Border.Shadow>
65
                                                <Image Source="{Binding Icon}"
66
                                                       WidthRequest="32"
67
                                                       HeightRequest="32"
68
                                                       Aspect="AspectFit" />
69
                                            </Border>
70
                                            <Label Text="{Binding Title}"
71
                                                   Style="{StaticResource Body1}"
72
                                                   FontFamily="{StaticResource SemiboldFont}"
73
                                                   Grid.Column="1"
74
                                                   TextColor="{StaticResource Primary}"
75
                                                   VerticalOptions="Center" />
76
                                            <ImageButton Source="{StaticResource DownloadIcon}"
77
                                                         Grid.Column="2"
78
                                                         HorizontalOptions="End" />
79
                                        </Grid>
80
                                    </Grid>
81
                                </DataTemplate>
82
                            </CollectionView.ItemTemplate>
83
                        </CollectionView>
84
                    </expander:SfExpander.Content>
85
                </expander:SfExpander>