UXOverflowStackPanel is an innovative panel featuring built-in items overflow detection mechanism. The overflow logic works by intelligently measuring the desired size of all the contained items against the panel's actual dimension.

The items that exceeded  the panel's actual dimension, called overflow items, will be seamlessly removed from the UXOverflowStackPanel to ensure the remaining items to fit into the available dimension. Consequently, the overflow items are moved to the overflow container panel which can be any type of panels that derive from Panel class. The overflow container panel can be specified in the OverFlowContainer property of the UXOverflowStackPanel.

The following example demonstrates how to use a UXOverflowStackPanel to moved the overflow items to overflow container panel.

In this sample there are eight images that registered under UXItemsControl that use UXOverflowStackPanel as its ItemsPanel since the container size is restricted to 500 pixel, UXOverflowStackPanel can only render four of them, while the other four is passed to overflow container panel.

<Grid x:Name="LayoutRoot" Width="800" Height="600" Background="White">
    <Intersoft:DockPanel Width="600">
        <StackPanel Intersoft:DockPanel.Dock="Right" x:Name="OverflowPanel" Width="100" Orientation="Vertical" VerticalAlignment="Bottom" Background="#FFA0FF92"/>
        <Intersoft:UXItemsControl Intersoft:DockPanel.Dock="Bottom" Height="100" Orientation="Horizontal" ItemsPanel="{StaticResource ItemsPanelTemplate1}" Background="#FFE7FF5A">
            <Image Height="100" Source="/Penguins.jpg" Stretch="Fill" Width="100" Margin="8"/>
            <Image Height="100" Source="/Tulips.jpg" Stretch="Fill" Width="100" Margin="8"/>
            <Image Height="100" Source="/Lighthouse.jpg" Stretch="Fill" Width="100" Margin="8"/>
            <Image Height="100" Source="/Chrysanthemum.jpg" Stretch="Fill" Width="100" Margin="8"/>
            <Image Height="100" Source="/Desert.jpg" Stretch="Fill" Width="100" Margin="8"/>
            <Image Height="100" Source="/Hydrangeas.jpg" Stretch="Fill" Width="100" Margin="8"/>
            <Image Height="100" Source="/Jellyfish.jpg" Stretch="Fill" Width="100" Margin="8"/>
            <Image Height="100" Source="/Koala.jpg" Stretch="Fill" Width="100" Margin="8"/>
        </Intersoft:UXItemsControl>
    </Intersoft:DockPanel>
</Grid>

System.Object
   System.Windows.DependencyObject
      System.Windows.UIElement
         System.Windows.FrameworkElement
            System.Windows.Controls.Panel
               Intersoft.Client.Framework.ISPanel
                  Intersoft.Client.UI.Controls.Interactivity.UXPanel
                     Intersoft.Client.UI.Controls.Interactivity.UXStackPanel
                        Intersoft.Client.UI.Aqua.UXOverflowStackPanel

Target Platforms: Windows 7, Windows Vista SP1 or later, Windows XP SP3, Windows Server 2008 (Server Core not supported), Windows Server 2008 R2 (Server Core supported with SP1 or later), Windows Server 2003 SP2

Reference

UXOverflowStackPanel Members
Intersoft.Client.UI.Aqua Namespace

Concepts

UXOverflowStackPanel
Panels Overview