Skip to content
This repository was archived by the owner on May 1, 2024. It is now read-only.
This repository was archived by the owner on May 1, 2024. It is now read-only.

[Spec] Shell Flyout Content Template #6293

@davidortinau

Description

@davidortinau

Flyout Content Template

Allow developers to provide a template for the entire flyout.

  • Should be able to describe the whole layout
  • Developer responsible for header and footer. Any provided templates would not be applied.
<Shell.FlyoutTemplate>
    <DataTemplate>
        <Grid>
            <ContentView>
                <Label Text="My Header"/>
            </ContentView>
            
            <ListView ItemsSource="{Binding Items}">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <Grid>
                            <Image Source="{Binding Icon}"/>
                            <Label Text="{Binding Title}"/>
                        </Grid>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

            <ContentView>
                <Label Text="My Footer"/>
            </ContentView>
        </Grid>
    </DataTemplate>
</Shell.FlyoutTemplate>

API

Shell.FlyoutTemplate

Difficulty : Awesome

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions