Hi
I am having problems on the initial load of a TabGroupPane in a DocumentContentHost. The tab with focus is badly clipped on the right hand end (see image below). I have tried this in many different configurations but to some extent the problem remains. This only applies if the tab strip alignment is set to top.
Here is the code:
<Window x:Class="Test.Main" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:vgm="clr-namespace:Test" Title="Main" Name="winMain" WindowState="Maximized" WindowStyle="SingleBorderWindow" xmlns:igDock="http://infragistics.com/DockManager" xmlns:igOutlookBar="http://infragistics.com/OutlookBar" xmlns:my="clr-namespace:Infragistics.Windows.Editors;assembly=Infragistics3.Wpf.Editors.v9.1" xmlns:igRibbon="http://infragistics.com/Ribbon"> <Grid Background="#FFEDF4FD" Margin="0,0,0,0"> <Grid.RowDefinitions> <RowDefinition Height="24"></RowDefinition> <RowDefinition Height="40"></RowDefinition> <RowDefinition></RowDefinition> </Grid.RowDefinitions> <Menu Height="24" Grid.Row="0" Background="#FFEEF5FE"> <MenuItem Header="File"></MenuItem> </Menu> <ToolBar Grid.Row="1" Height="40"> <ToolBar.Background> <LinearGradientBrush EndPoint="0,1" StartPoint="0,0"> <GradientStop Color="#FFF3F8FF" Offset="0"/> <GradientStop Color="#FFDFECFD" Offset="0.5"/> <GradientStop Color="#FFD1E5FF" Offset="1"/> </LinearGradientBrush> </ToolBar.Background> <Button Width="32" Height="32"> <Viewbox Stretch="Fill" Width="32" Height="32"> <Canvas x:Name="Add_slot" Width="32" Height="32"> <Path Stretch="Fill" Width="12.936" Height="5.997" Canvas.Left="0.015" Canvas.Top="0" Data="F1M38.361,430.76C36.907,430.76,35.724,431.949,35.724,433.408L35.724,433.408L35.724,434.111C35.724,435.562,36.893,436.741,38.335,436.754L38.335,436.754L42.316,436.757L46.024,436.757C47.478,436.757,48.66,435.569,48.66,434.111L48.66,434.111L48.66,433.408C48.66,431.949,47.478,430.76,46.024,430.76L46.024,430.76z"> <Path.Fill> <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1"> <GradientStop Color="#FF004601" Offset="0"/> <GradientStop Color="#FF004F01" Offset="0.219788"/> <GradientStop Color="#FF007201" Offset="1"/> </LinearGradientBrush> </Path.Fill> </Path> <Path Stretch="Fill" Width="12.508" Height="2.431" Canvas.Left="0.229" Canvas.Top="0.217" Data="F1M38.361,430.977C37.024,430.977,35.94,432.066,35.938,433.408L35.938,433.408L36.366,433.408C36.369,432.305,37.262,431.408,38.361,431.406L38.361,431.406L46.024,431.406C47.123,431.408,48.016,432.305,48.018,433.408L48.018,433.408L48.446,433.408C48.446,432.066,47.361,430.977,46.024,430.977L46.024,430.977z"> <Path.Fill> <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1"> <GradientStop Color="#FF005E01" Offset="0"/> <GradientStop Color="#FFACE6AC" Offset="1"/> </LinearGradientBrush> </Path.Fill> </Path> <Path Stretch="Fill" Width="12.936" Height="5.996" Canvas.Left="3.064" Canvas.Top="4.101" Data="F1M41.409,434.861C39.956,434.861,38.773,436.049,38.773,437.508L38.773,437.508L38.773,438.21C38.773,439.661,39.942,440.84,41.384,440.854L41.384,440.854L45.365,440.857L49.073,440.857C50.526,440.857,51.709,439.669,51.709,438.21L51.709,438.21L51.709,437.508C51.709,436.049,50.526,434.861,49.073,434.861L49.073,434.861z"> <Path.Fill> <RadialGradientBrush Center="0.5,0.5" GradientOrigin="0.5,0.5" RadiusX="0.39" RadiusY="0.841"> <GradientStop Color="#FFF6F6F6" Offset="0"/> <GradientStop Color="#FFE8E8E8" Offset="0.659348"/> <GradientStop Color="#FFDDDDDD" Offset="1"/> </RadialGradientBrush> </Path.Fill> </Path> <Path Stretch="Fill" Stroke="#FFCECECE" StrokeEndLineCap="Flat" StrokeLineJoin="Miter" StrokeMiterLimit="4" StrokeStartLineCap="Flat" StrokeThickness="0.505" Width="13.441" Height="6.501" Canvas.Left="2.811" Canvas.Top="3.848" Data="M41.3838,440.8545C39.9418,440.8405,38.7728,439.6615,38.7728,438.2105L38.7728,437.5085C38.7728,436.0495,39.9558,434.8605,41.4088,434.8605L49.0728,434.8605C50.5268,434.8605,51.7088,436.0495,51.7088,437.5085L51.7088,438.2105C51.7088,439.6685,50.5268,440.8565,49.0728,440.8565L45.3648,440.8565L41.3838,440.8545z"/> <Path Stretch="Fill" Width="12.508" Height="2.432" Canvas.Left="3.278" Canvas.Top="4.316" Data="F1M41.409,435.076C40.072,435.077,38.988,436.166,38.987,437.508L38.987,437.508L39.415,437.508C39.417,436.405,40.31,435.508,41.409,435.507L41.409,435.507L49.073,435.507C50.172,435.508,51.064,436.405,51.066,437.508L51.066,437.508L51.495,437.508C51.494,436.166,50.409,435.077,49.073,435.076L49.073,435.076z"> <Path.Fill> <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1"> <GradientStop Color="#FFD4D4D4" Offset="0"/> <GradientStop Color="#FFFFFFFF" Offset="1"/> </LinearGradientBrush> </Path.Fill> </Path> <Path Stretch="Fill" Width="5.902" Height="5.9" Canvas.Left="0" Canvas.Top="7.069" Data="F1M35.709,440.779C35.709,442.409,37.03,443.729,38.66,443.729L38.66,443.729C40.289,443.729,41.611,442.409,41.611,440.779L41.611,440.779C41.611,439.149,40.289,437.829,38.66,437.829L38.66,437.829C37.03,437.829,35.709,439.149,35.709,440.779"> <Path.Fill> <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1"> <GradientStop Color="#FFC86702" Offset="0"/> <GradientStop Color="#FFED7702" Offset="0.142853"/> <GradientStop Color="#FFFBBD4B" Offset="1"/> </LinearGradientBrush> </Path.Fill> </Path> <Path Stretch="Fill" Width="5.227" Height="2.614" Canvas.Left="0.337" Canvas.Top="7.405" Data="F1M36.046,440.779L36.384,440.779C36.387,439.525,37.406,438.505,38.66,438.504L38.66,438.504C39.913,438.505,40.933,439.525,40.935,440.779L40.935,440.779L41.273,440.779C41.272,439.338,40.101,438.166,38.66,438.165L38.66,438.165C37.219,438.166,36.047,439.338,36.046,440.779"> <Path.Fill> <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1"> <GradientStop Color="#FFF49700" Offset="0"/> <GradientStop Color="#FFFFF4D3" Offset="1"/> </LinearGradientBrush> </Path.Fill> </Path> <Path Fill="#FFFFFFFF" Stretch="Fill" Width="3.492" Height="3.491" Canvas.Left="1.205" Canvas.Top="8.273" Data="F1M39.9839,440.356L39.0799,440.358L39.0779,439.453C39.0769,439.221,38.8879,439.033,38.6569,439.033C38.4249,439.033,38.2349,439.223,38.2369,439.455L38.2379,440.359L37.3349,440.362C37.1019,440.362,36.9139,440.551,36.9139,440.783C36.9149,441.015,37.1029,441.203,37.3349,441.202L38.2399,441.2L38.2419,442.106C38.2429,442.338,38.4309,442.525,38.6629,442.524C38.8949,442.524,39.0839,442.336,39.0829,442.104L39.0809,441.198L39.9859,441.196C40.2179,441.196,40.4059,441.008,40.4059,440.776C40.4049,440.543,40.2169,440.356,39.9839,440.356"/> </Canvas> </Viewbox> </Button> </ToolBar> <igDock:XamDockManager Margin="0,0,0,0" Name="xamDockManager1" Grid.Row="2" Theme="Aero"> <igDock:XamDockManager.Panes> <igDock:SplitPane igDock:XamDockManager.InitialLocation="DockedLeft" SplitterOrientation="Horizontal"> <igDock:ContentPane Name="contentPane1" VerticalAlignment="Top" Header="Locals"> <igOutlookBar:XamOutlookBar Height="700" Name="xamOutlookBar1" Width="220" Theme="Office2k7Blue" VerticalSplitterResizeMode="Deferred" AllowMinimized="False"> <igOutlookBar:OutlookBarGroup Key="{x:Null}" Header="Group 1"> <Grid /> </igOutlookBar:OutlookBarGroup> <igOutlookBar:OutlookBarGroup Key="{x:Null}" Header="Group 2"> <Grid /> </igOutlookBar:OutlookBarGroup> <igOutlookBar:OutlookBarGroup Key="{x:Null}" Header="Group 4"> <StackPanel> <my:XamMonthCalendar FontSize="12" Theme="Aero" /> </StackPanel> </igOutlookBar:OutlookBarGroup> </igOutlookBar:XamOutlookBar> </igDock:ContentPane> </igDock:SplitPane>
<igDock:SplitPane igDock:XamDockManager.InitialLocation="DockedRight" SplitterOrientation="Horizontal"> <igDock:ContentPane x:Name="rightEdgeDock1" Header="Calendar" igDock:SplitPane.RelativeSize="100,100" Width="220"> <my:XamMonthCalendar FontSize="13" Theme="Aero" Width="220" AutoAdjustCalendarDimensions="True" CalendarDimensions="1,1" Height="212" VerticalAlignment="Top" Margin="0,10" /> </igDock:ContentPane> <igDock:TabGroupPane igDock:SplitPane.RelativeSize="100,200" Width="220"> <igDock:ContentPane x:Name="rightEdgeDock2" Header="Right Edge Dock Pane #1"> <!--<locCtls:XdmSamplePaneContent Content="Right Edge Dock Content #1"/>--> </igDock:ContentPane> <igDock:ContentPane x:Name="rightEdgeDock3" Header="Right Edge Dock Pane #2"> <!--<locCtls:XdmSamplePaneContent Content="Right Edge Dock Content #2"/>--> </igDock:ContentPane> <igDock:ContentPane x:Name="rightEdgeDock4" Header="Right Edge Dock Pane"> <!--<locCtls:XdmSamplePaneContent Content="Right Edge Dock Content"/>--> </igDock:ContentPane> </igDock:TabGroupPane> </igDock:SplitPane> </igDock:XamDockManager.Panes> <igDock:DocumentContentHost> <igDock:SplitPane SplitterOrientation="Horizontal"> <igDock:TabGroupPane x:Name="tbc" TabStripPlacement="Top"> <igDock:ContentPane x:Name="document1" TabHeader="Tab 1"> <Test:UserControl1></Test:UserControl1> </igDock:ContentPane> <igDock:ContentPane x:Name="document2" TabHeader="Tab 2"> </igDock:ContentPane> <igDock:ContentPane x:Name="document3" TabHeader="Tab 3"> </igDock:ContentPane> </igDock:TabGroupPane> </igDock:SplitPane> </igDock:DocumentContentHost> </igDock:XamDockManager> </Grid></Window>
Please help, I've spent ages trying to sort this.
Regards
Alan
Thanks Andrew, that fixed it.
I recall seeing something like that a while ago and it related to the template of the PaneTabItem. Please try downloading the latest hotfix. If you cannot access the hotfix then please contact the support group and reference issue #14746.