Skip to content

Icons in Two Columns #65

@BillyMartin1964

Description

@BillyMartin1964

I'm trying to have my FlyoutItem Icons show in two columns, but I can't seem to figure it out. Is this a limitation? If so, I'd like to make this a feature request. I tried to do it without your plugin, and the icons could go into two columns, but they were still on separate rows because they were using the FlyoutItems. I've included a picture of what I could accomplish without your plugin. With it, all the icons just show in one single column.

Here is my code:

 <simpleShell:SimpleShell.ShellGroupContainerTemplate>
     <DataTemplate>
         <ScrollView>
             <FlexLayout
                 x:Name="MenuListView"
                 Margin="10,30,10,10"
                 AlignContent="Stretch"
                 AlignItems="Stretch"
                 BackgroundColor="Transparent"
                 BindableLayout.ItemsSource="{Binding ShellContents, Source={x:Reference thisShell}}"
                 Direction="Row"
                 Wrap="Wrap">
                 <BindableLayout.ItemTemplate>
                     <DataTemplate x:DataType="menus:MainMenu">
                         <Grid FlexLayout.AlignSelf="Start" FlexLayout.Basis="50%">
                             <Label
                                 x:Name="colorLabel"
                                 IsVisible="False"
                                 TextColor="{DynamicResource MenuIconColor}" />
                             <Image
                                 HorizontalOptions="Center"
                                 MaximumHeightRequest="80"
                                 Source="{Binding Icon}">
                                 <Image.Behaviors>
                                     <toolkit:IconTintColorBehavior TintColor="{Binding Source={x:Reference colorLabel}, Path=TextColor}" />
                                 </Image.Behaviors>
                             </Image>
                         </Grid>
                     </DataTemplate>
                 </BindableLayout.ItemTemplate>
             </FlexLayout>
         </ScrollView>
     </DataTemplate>
 </simpleShell:SimpleShell.ShellGroupContainerTemplate>

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions