[settings][flyout] Make launch page scrollable (#34435)

* [settings][flyout] Make launch page scrollable

* xaml formatting
This commit is contained in:
Stefan Markovic
2024-08-26 14:40:43 +02:00
committed by GitHub
parent 2189e7e1b9
commit fae78ae054

View File

@@ -65,45 +65,47 @@
</Button> </Button>
</Grid> </Grid>
<Grid Grid.Row="1"> <Grid Grid.Row="1">
<ItemsControl <ScrollViewer>
Margin="12,26,12,24" <ItemsControl
HorizontalAlignment="Stretch" Margin="12,26,12,24"
VerticalAlignment="Top" HorizontalAlignment="Stretch"
ItemsSource="{x:Bind ViewModel.FlyoutMenuItems}" VerticalAlignment="Top"
TabNavigation="Local"> ItemsSource="{x:Bind ViewModel.FlyoutMenuItems}"
<ItemsControl.ItemsPanel> TabNavigation="Local">
<ItemsPanelTemplate> <ItemsControl.ItemsPanel>
<tkcontrols:WrapPanel HorizontalAlignment="Stretch" VerticalSpacing="12" /> <ItemsPanelTemplate>
</ItemsPanelTemplate> <tkcontrols:WrapPanel HorizontalAlignment="Stretch" VerticalSpacing="12" />
</ItemsControl.ItemsPanel> </ItemsPanelTemplate>
<ItemsControl.ItemTemplate> </ItemsControl.ItemsPanel>
<DataTemplate x:DataType="viewModels:FlyoutMenuItem"> <ItemsControl.ItemTemplate>
<controls:FlyoutMenuButton <DataTemplate x:DataType="viewModels:FlyoutMenuItem">
AutomationProperties.Name="{x:Bind Label}" <controls:FlyoutMenuButton
Click="ModuleButton_Click" AutomationProperties.Name="{x:Bind Label}"
Tag="{x:Bind Tag}" Click="ModuleButton_Click"
Visibility="{x:Bind Visible, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource BoolToVisibilityConverter}}"> Tag="{x:Bind Tag}"
<controls:FlyoutMenuButton.Content> Visibility="{x:Bind Visible, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource BoolToVisibilityConverter}}">
<TextBlock <controls:FlyoutMenuButton.Content>
Style="{StaticResource CaptionTextBlockStyle}" <TextBlock
Text="{x:Bind Label}" Style="{StaticResource CaptionTextBlockStyle}"
TextAlignment="Center" Text="{x:Bind Label}"
TextWrapping="Wrap" /> TextAlignment="Center"
</controls:FlyoutMenuButton.Content> TextWrapping="Wrap" />
<controls:FlyoutMenuButton.Icon> </controls:FlyoutMenuButton.Content>
<Image> <controls:FlyoutMenuButton.Icon>
<Image.Source> <Image>
<BitmapImage UriSource="{x:Bind Icon, Mode=OneWay}" /> <Image.Source>
</Image.Source> <BitmapImage UriSource="{x:Bind Icon, Mode=OneWay}" />
</Image> </Image.Source>
</controls:FlyoutMenuButton.Icon> </Image>
<ToolTipService.ToolTip> </controls:FlyoutMenuButton.Icon>
<ToolTip Content="{x:Bind ToolTip}" Visibility="{x:Bind ToolTip, Converter={StaticResource StringVisibilityConverter}}" /> <ToolTipService.ToolTip>
</ToolTipService.ToolTip> <ToolTip Content="{x:Bind ToolTip}" Visibility="{x:Bind ToolTip, Converter={StaticResource StringVisibilityConverter}}" />
</controls:FlyoutMenuButton> </ToolTipService.ToolTip>
</DataTemplate> </controls:FlyoutMenuButton>
</ItemsControl.ItemTemplate> </DataTemplate>
</ItemsControl> </ItemsControl.ItemTemplate>
</ItemsControl>
</ScrollViewer>
</Grid> </Grid>
</Grid> </Grid>
<Grid Grid.Row="2"> <Grid Grid.Row="2">