Scroll View Inside the SFExpander is Not Scrollable

[Onkar Palange]

Hi there,

I have a grid inside the SfExpander, and I want to make it scrollable inside the Expander. If I add a scroll view inside the expander then it does not make scrollable and if I add a scroll view outside the SfExpander then All SFExpander makes scrollable but I want to make it scrollable inside the SFExpander.

[Lakshmi Natarajan]

Hi Onkar, 

 

Thank you for using Syncfusion products. 

 

We have checked the reported query “ScrollView inside the Expander is not scrollable” from our end. We would like to inform you that the scrolling will be enabled for ScrollView, if the ScrollView has more content than its size. So, we suggest you to set HeightRequest for ScrollView to enable scrolling. Please refer the following code snippets for more reference, 

 

Xaml: 

<syncfusion:SfExpander> 

    <syncfusion:SfExpander.Header> 

        <Grid> 

            <Label Text="Item (s)" TextColor="#495F6E" VerticalTextAlignment="Center"/> 

        </Grid> 

    </syncfusion:SfExpander.Header> 

 

    <syncfusion:SfExpander.Content> 

        <ScrollView HeightRequest="100"> 

            <Grid Padding="10,10,10,10" BackgroundColor="#FFFFFF" > 

                <Grid.RowDefinitions> 

                    <RowDefinition Height="Auto" /> 

                    <RowDefinition Height="Auto" /> 

                    <RowDefinition Height="Auto" /> 

                    <RowDefinition Height="Auto" /> 

                    <RowDefinition Height="Auto" /> 

                </Grid.RowDefinitions> 

                <Grid.ColumnDefinitions> 

                    <ColumnDefinition Width="*" /> 

                    <ColumnDefinition Width="*" /> 

                </Grid.ColumnDefinitions> 

                <Label Text="2018 Subaru Outback" TextColor="#303030" /> 

                <Label Grid.Row="1" Text="All-Weather Mats" TextColor="#303030" /> 

                <Label Grid.Row="2" Text="Door Edge Guard Kit" TextColor="#303030" /> 

                <Label Grid.Row="3" Text="Rear Bumper Cover" TextColor="#303030" /> 

                <Label Grid.Row="4" FontAttributes="Bold" Text="Total Amount Paid" TextColor="#303030" /> 

                <Label Grid.Column="1" HorizontalTextAlignment="End" Text="$35,705.00" TextColor="#303030" /> 

                <Label Grid.Row="1" Grid.Column="1" HorizontalTextAlignment="End" Text="$105.00" TextColor="#303030" /> 

                <Label Grid.Row="2" Grid.Column="1" HorizontalTextAlignment="End" Text="$100.00" TextColor="#303030" /> 

                <Label Grid.Row="3" Grid.Column="1" HorizontalTextAlignment="End" Text="$95.00" TextColor="#303030" /> 

                <Label Grid.Row="4" Grid.Column="1" FontAttributes="Bold" HorizontalTextAlignment="End" Text="$36,000.00" TextColor="#303030" /> 

            </Grid> 

        </ScrollView> 

    </syncfusion:SfExpander.Content> 

</syncfusion:SfExpander> 

 

 

Please let us know if you need further assistance. 

 

Regards, 

Lakshmi Natarajan