Issue with scroll viewer using itemswrapgrid in gridview?

Question

Hi,
am developing a windows phone 8.1 app using C# and xaml.
i need to wrap my gridviewitems vertically.
I have 10 GridView items in my GridView am using the below code to wrap my gridview items,
but am able to see only 6 items, the scrollviewer is not coming vertically even though there are some more items.
(In the below code for reference i just added only one grid view item but i have 10 gridview items in my code ,
for every gridview item the height and width are 175 and 175 respectively)
<Page.Resources>
        <ItemsPanelTemplate x:Key="GridViewItemsPanel">
            <ItemsWrapGrid Orientation="Vertical" />
        </ItemsPanelTemplate>
    </Page.Resources>
 <GridView x:Name="landscapeGridview"  
                HorizontalContentAlignment="Stretch"
                  HorizontalAlignment="Stretch"
                  VerticalAlignment="Stretch"
                  ItemClick="GridView_ItemClick"
                  IsItemClickEnabled="True" 
                  ItemsPanel="{StaticResource GridViewItemsPanel}"
                 ScrollViewer.HorizontalScrollMode="Disabled"
                 ScrollViewer.VerticalScrollMode="Enabled"
                 ScrollViewer.HorizontalScrollBarVisibility="Visible"
                 ScrollViewer.VerticalScrollBarVisibility="Auto"
                  Grid.Row="2" Padding="10,0,0,0">   
<GridViewItem Height="175" Width="175" Margin="0,5,5,0">
                        <Border Height="165" Width="165"
                    Tag="Notes" Background="#DDECEF">
                            <Grid>
                                <Image Source="Assets/.png" Margin="0,0,0,0"></Image>
                                <Image Source="Assets/.png" Margin="0,20,20,0" HorizontalAlignment="Right"
                                   VerticalAlignment="Top" Height="40" Visibility="Collapsed"></Image>
                                <StackPanel    Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}"  
                                                 VerticalAlignment="Bottom" Margin="0,0,0,0" Height="30"
Orientation="Horizontal"
                                           >
                                    <TextBlock Text="" FontSize="20"
                             Margin="50,0,0,0"
                               HorizontalAlignment="Center" 
                                        RequestedTheme="Dark"
                               ></TextBlock>
                                    <TextBlock x:Name="notescounttxtblk" VerticalAlignment="Center" Margin="30,0,0,10"
                                      FontSize="20"></TextBlock>
                                </StackPanel>
                            </Grid>
                        </Border>
                    </GridViewItem>
</GridView>
How to get the scroll viewer to view all the items vertically?
Any help please?

Answer 1

Hi Santhosh,
Per my understanding, this issue is related to container definition where you put your GridView control. In this case, it is the Grid container.
First you can see a working sample,
https://code.msdn.microsoft.com/windowsapps/ListViewSimple-d5fc27dd. See the scenario 1 in windows phone project, I can reproduce your issue by setting the height of RowDefinition to “auto” where the GridView control sitting in. You need to check the height
and width property of the layout. See more information about layout in XAML.
https://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh465337.aspx.
You’ve not mentioned the definition of the Grid layout, I assume you need change the RowDefinition. If you don’t know how, please see details in above code sample.
Regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.