Hi Yiannis,

That's in fact a feature to match a user interface standard in Leopard 10.6.

Called stack items, this feature allows you to show a realistic items stacked in the buttons. This delivers great results when the spring animations perform during open or close.

To disable this feature, set TotalStackItem to 0.

Hope this helps.

Thanks,
Jimmy.

Well there is no such a property on UXDockButton neither on UXDock.

The only one I can find is StackTotalDisplayItems but when I set it to 0 if I do it from Property Grid, VS crashes if I set it from XAML it never displays anything.

Thanks for such a quick response, maybe you didn't expose this property?

Using the release build, I did not encounter any issue you mention in your previous post, setting the StackTotalDisplayItem to 0 will not show any stack items behind the dock button and in my test the page runs without any issue.

You are right on a clean machine it works.

My dev machine must have RC items, although I think the version of the assembly is the same. I will try Clean Solution and rebuild then

One more question when I am using StackMode=GridStyla if text is too long on StackItem it does not appearear. How can I change this to either wrap text or resize grid width to show it

By default the grid style item will use EllipsisText, this way long text will automatically be truncated and you will need to mouse over the text to show the full text. Unfortunately, EllipsisText does not support text wrapping so you will need to modify the UXStackButton StackMenuStyle template to use TextBlock control that support text wrapping, hide the EllipsisText and create the a TextBloxk with similar style. Here is the modified section for the StackMenuStyle to use TextBlock in Grid item:

<Style x:Key="GridStyle" TargetType="Intersoft:UXStackItem">
	<Setter Property="Background" Value="Transparent"/>
	<Setter Property="BorderThickness" Value="1"/>
	<Setter Property="CornerRadius" Value="4"/>
	<Setter Property="IsTabStop" Value="False"/>
	<Setter Property="Padding" Value="4"/>
	<Setter Property="HorizontalAlignment" Value="Stretch"/>
	<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
	<Setter Property="VerticalAlignment" Value="Stretch"/>
	<Setter Property="VerticalContentAlignment" Value="Stretch"/>
	<Setter Property="Template">
		<Setter.Value>
			<ControlTemplate TargetType="Intersoft:UXStackItem">
				<Grid x:Name="RootElement" Background="{TemplateBinding Background}">
					<Grid.Resources>
						<Style x:Key="EllipsisTooltipStyle" TargetType="Intersoft:StylishLabel">
							<Setter Property="Background" Value="Black"/>
							<Setter Property="BorderBrush" Value="{x:Null}"/>
							<Setter Property="BorderThickness" Value="1"/>
							<Setter Property="CornerRadius" Value="8"/>
							<Setter Property="Foreground" Value="White"/>
							<Setter Property="FontSize" Value="10.667"/>
						</Style>
					</Grid.Resources>
					<VisualStateManager.VisualStateGroups>
						<VisualStateGroup x:Name="CommonStates">
							<VisualState x:Name="Normal"/>
							<VisualState x:Name="MouseOver">
								<Storyboard>
									<DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="AnimationElement"/>
								</Storyboard>
							</VisualState>
							<VisualState x:Name="Pressed"/>
							<VisualState x:Name="Disabled">
								<Storyboard>
									<DoubleAnimation Duration="0" To=".5" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentElement"/>
								</Storyboard>
							</VisualState>
							<VisualState x:Name="DisabledMouseOver"/>
						</VisualStateGroup>
						<VisualStateGroup x:Name="CheckedStates">
							<VisualState x:Name="Checked"/>
							<VisualState x:Name="Unchecked"/>
						</VisualStateGroup>
						<VisualStateGroup x:Name="SelectionStates">
							<VisualState x:Name="Unselected"/>
							<VisualState x:Name="Selected"/>
						</VisualStateGroup>
					</VisualStateManager.VisualStateGroups>
					<Border x:Name="AnimationElement" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{TemplateBinding CornerRadius}" Margin="1" Opacity="0">
						<Border.Background>
							<LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
								<GradientStop Color="#CCE2E2E2" Offset="0"/>
								<GradientStop Color="#CC8E8E8E" Offset="1"/>
							</LinearGradientBrush>
						</Border.Background>
					</Border>
					<Grid x:Name="ContentElement" Margin="{TemplateBinding Padding}" Visibility="Collapsed">
						<Grid Background="Transparent">
							<Grid.RowDefinitions>
								<RowDefinition Height="*"/>
								<RowDefinition Height="Auto"/>
							</Grid.RowDefinitions>
							<Grid Margin="4">
								<Border x:Name="ImageContainer"/>
								<Border x:Name="ContentContainer"/>
							</Grid>
							<Grid Visibility="Collapsed">
								<Intersoft:EllipsisText x:Name="GridTextElement" FontSize="{TemplateBinding FontSize}" FontFamily="{TemplateBinding FontFamily}" HorizontalAlignment="Center" Padding="6,2,6,2" Grid.Row="1" Text="{TemplateBinding Text}" TooltipStyle="{StaticResource EllipsisTooltipStyle}"/>
							</Grid>
							<TextBlock FontSize="{TemplateBinding FontSize}" FontFamily="{TemplateBinding FontFamily}" HorizontalAlignment="Center" Padding="6,2,6,2" Grid.Row="1" Text="{TemplateBinding Text}" TextWrapping="Wrap" VerticalAlignment="Center" Width="Auto" TextAlignment="Center"/>
						</Grid>
					</Grid>
					<Grid x:Name="StackElement">
						<Border x:Name="StackImageContainer">
							<Intersoft:ImageLoader x:Name="StackImageElement" ImageSource="{TemplateBinding Icon}" ProgressBarHorizontalAlignment="Stretch" ProgressBarVerticalAlignment="Bottom" ProgressTextVisibility="{TemplateBinding ImageLoaderTextVisibility}" ProgressBarMargin="15,0,15,14" UseAnimationOnParent="False" UseLoader="{TemplateBinding UseImageLoader}"/>
						</Border>
						<Border x:Name="StackContentContainer">
							<ContentPresenter x:Name="ContentPresenter" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding ContentMargin}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
						</Border>
					</Grid>
				</Grid>
			</ControlTemplate>
		</Setter.Value>
	</Setter>
</Style>

In order to modify the grid item width, you could use the property StackGridItemWidth.