Gallery once again throwing menu items inside of it.

Dec 1, 2010 at 1:35 PM

I've noticed in the last two builds the gallery control has once again broken and is displaying Menu items that are supposed to be outside of it, inside.

 

<Fluent:DropDownButton Name="buttonWatermark" Header="Watermark" Icon="Images\watermark32.png" LargeIcon="Images\watermark32.png" IsEnabled="True" VerticalAlignment="Top" >
                        <Fluent:Gallery x:Name="WatermarkGallery" SelectedFilter="{Binding ElementName=galleryFilterAll}" MinItemsInRow="1" MaxItemsInRow="3" Orientation="Horizontal" GroupBy="Tag" >
                            <Fluent:Gallery.Filters>
                                <Fluent:GalleryGroupFilter Title="All" Groups="Confidential,Disclaimers,Urgent" x:Name="galleryFilterAll"/>
                                <Fluent:GalleryGroupFilter Title="Confidential" Groups="Confidential"/>
                                <Fluent:GalleryGroupFilter Title="Disclaimers" Groups="Disclaimers"/>
                                <Fluent:GalleryGroupFilter Title="Urgent" Groups="Urgent"/>
                            </Fluent:Gallery.Filters>

                            <!-- Confidential group items -->
                            <Border Tag="Confidential" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\confidential.png" Stretch="None" />
                                    <TextBlock Text="CONFIDENTIAL 1" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                            <Border Tag="Confidential" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\confidential2.png" Stretch="None" />
                                    <TextBlock Text="CONFIDENTIAL 2" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                            <Border Tag="Confidential" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\donotcopy1.png" Stretch="None" />
                                    <TextBlock Text="DO NOT COPY 1" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                            <Border Tag="Confidential" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\donotcopy2.png" Stretch="None" />
                                    <TextBlock Text="DO NOT COPY 2" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>

                            <!-- Disclaimers group items -->
                            <Border Tag="Disclaimers" x:Name="Disclaimers" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\draft1.png" Stretch="None" />
                                    <TextBlock Text="DRAFT 1" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                            <Border Tag="Disclaimers" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\draft2.png" Stretch="None" />
                                    <TextBlock Text="DRAFT 2" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                            <Border Tag="Disclaimers" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\sample1.png" Stretch="None" />
                                    <TextBlock Text="SAMPLE 1" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                            <Border Tag="Disclaimers" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\sample2.png" Stretch="None" />
                                    <TextBlock Text="SAMPLE 2" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>

                            <!-- Disclaimers group items -->
                            <Border Tag="Urgent" x:Name="Urgent" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\asap1.png" Stretch="None" />
                                    <TextBlock Text="ASAP 1" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                            <Border Tag="Urgent" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\asap2.png" Stretch="None" />
                                    <TextBlock Text="ASAP 2" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                            <Border Tag="Urgent" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\urgent1.png" Stretch="None" />
                                    <TextBlock Text="URGENT 1" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                            <Border Tag="Urgent" BorderThickness="4" BorderBrush="Transparent">
                                <StackPanel>
                                    <Image VerticalAlignment="Top" Source="Images\urgent2.png" Stretch="None" />
                                    <TextBlock Text="URGENT 2" VerticalAlignment="Bottom" HorizontalAlignment="Center" />
                                </StackPanel>
                            </Border>
                        </Fluent:Gallery>

                        <!-- Menu Items **** NOTICE THIS IS OUTSIDE OF THE GALLERY **** -->
                        <Fluent:MenuItem Name="buttonRemoveWatermark" Header="Remove Watermark" Icon="Images\removeWatermark16.png" Size="Middle" IsEnabled="True" />
                    </Fluent:DropDownButton>

 

My menu is outside of the </Fluent:Gallery> Tag. I have noticed the Gallery scroll bars have been changed to having a top and bottom navigation control instead of the usual scrollbar on the right side. This behavior most likely broke again once this new scrollbar was implemented.

Dec 7, 2010 at 4:16 AM

I've narrowed it down to being in the Groupby command in Gallery. Removing it from the Gallery command return the scroll bars back to normal and places the menu items outside of the scrollbar. If you re-add

Groupby="Tags" then the scrollbars appear on top and bottom and throw the menu items back inside the gallery. I prefer the scrollbar to the right with the menu items outside of the

Gallery. I don't know if you are doing this by design now or not, if so could you please consider returning it to being on the right side. The control works fine if you just don't use groupby.

Coordinator
Dec 8, 2010 at 4:44 AM

I believe that was fixed in the latest change set.
Daniel 

Dec 8, 2010 at 7:18 AM

Yes! Thank you very much!