SimpleToolkit icon indicating copy to clipboard operation
SimpleToolkit copied to clipboard

Icons in Two Columns

Open BillyMartin1964 opened this issue 9 months ago • 0 comments

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

BillyMartin1964 avatar Mar 19 '25 12:03 BillyMartin1964