NicoTing
NicoTing

Reputation: 93

How to make NavigationView's content fit to screen

NavigationView: link

Here is my XAML:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="3*"/>
        <ColumnDefinition Width="7*"/>
    </Grid.ColumnDefinitions>

    <controls:TestView Grid.Column="1" Margin="0,5,0,0" ScrollViewer.VerticalScrollMode="Disabled"/>

</Grid>

My TestView XAML(UserControl):

<Grid.RowDefinitions>
    <RowDefinition Height="Auto"/> //StackPanel
    <RowDefinition Height="*"/>    //Content/GridView
    <RowDefinition Height="Auto"/> //StackPanel
</Grid.RowDefinitions>

I noticed this behavior on navigationview, whenever the list contains many data or the height is too long, it will show all of the content , but I want the content to be fixed on the screen, can only scroll on the gridview.

enter image description here

enter image description here

Upvotes: 0

Views: 91

Answers (2)

NicoTing
NicoTing

Reputation: 93

I figured out the issue is on my navigationview control , I did put the frame inside ScrollViewer thats why the scrollviewer is always there lol.

Removed the ScrollViewer on my FRAME:

<Frame x:Name="ContentFrame" IsTabStop="True"/>

Upvotes: 1

Lucimarck J S Dias
Lucimarck J S Dias

Reputation: 333

Try to wrap all the content with ScrollViewer instead Grid, maybe it should work.

Upvotes: 1

Related Questions