I have requirement to create left navigation panel without header caption, but when it is unpinned, I wanted it display example "This is my left navigation". I am stuck here, please help me custimize the HeaderContentPresenter to show content pane caption only when it is unpnned.
<igDock:XamDockManager Theme="Royale" Background="Transparent"> <igDock:XamDockManager.Panes > <igDock:SplitPane igDock:XamDockManager.InitialLocation="DockedLeft" > <igDock:ContentPane Header="" IsPinned="True" Width="200"> </igDock:ContentPane> </igDock:SplitPane> </igDock:XamDockManager.Panes> </igDock:XamDockManager>
Here is the look I am looking also, Can I extend the unpinned left navigation bar all the way to bottom of the window (just like unpinned version of outlook left navigation) and also how can I add a image to the beginning of the text.
I was just following up on this issue. Did the information above help you?
Sincerely,BatnasanDeveloper Support Engineer, MCADInfragisticswww.infragistics.com/support
Thanks for the followup, I was looking some sample code to style the content pane pinned style look like outlook style. Any sample code to start towards this direction is appreciated. note that the default text for Content pane start from top to down, we wanted it to look like outlook bottom up.
Hello,
I have looked into the requirement and the header of the ContentPane can be hidden by using a style for the PaneHeaderPresenter and setting its MinHeight and MaxHeight to 0 as follows:
<Grid>
<Grid.Resources>
<Style TargetType="{x:Type igWPF:PaneHeaderPresenter}">
<Setter Property="MinHeight" Value="0"/>
<Setter Property="MaxHeight" Value="0"/>
</Style>
</Grid.Resources>
<igWPF:XamDockManager
Name="xamDockManager1">
……………
</Grid>
Since this will hide the headers of all ContentPane, if you wish to hide the header of a specific pane, you can create a style with key for the ContentPane and add the style for the PaneHeaderPresenter to Style.Resources of the style for the ContentPane. After doing so, you can apply the style for the ContentPane to the panes that you wish to have no header. Here is an example for that:
<Window x:Class="NoHeaders.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525"
xmlns:igWPF="http://schemas.infragistics.com/xaml/wpf">
<Style TargetType="{x:Type igWPF:ContentPane}" x:Key="NoHeaderPane">
<Style.Resources>
</Style.Resources>
<igWPF:XamDockManager.Panes>
<igWPF:SplitPane SplitterOrientation="Horizontal" igWPF:XamDockManager.InitialLocation="DockedLeft">
<igWPF:TabGroupPane>
<igWPF:ContentPane Header="Content Pane 1" Style="{StaticResource NoHeaderPane}">
<Label Content="Content"/>
</igWPF:ContentPane>
</igWPF:TabGroupPane>
</igWPF:SplitPane>
</igWPF:XamDockManager.Panes>
</igWPF:XamDockManager>
</Window>
I hope that this will be helpful.
Hi... i am also facing same problem. In my xamdockmanager i should remove the header and also blue color.Plz help me to solve. I am sending an attchment. so please refer it.
Hi, Use xamOutlookbar control. it will give same look what you are looking for.
xml code is
<igOutlookBar:XamOutlookBar Name="xamOutlookBar1" HorizontalAlignment="Left"> <igOutlookBar:OutlookBarGroup Header="Group 1" Key="Group1" SmallImage="ReplaceWithYourImage1.jpg" LargeImage="ReplaceWithYourImage2.jpg">
<StackPanel> <Button Content="Button 1" /> <Button Content="Button 2" /> <Button Content="Button 3" /> </StackPanel> </igOutlookBar:OutlookBarGroup>
oup>
http://help.infragistics.com/NetAdvantage/WPF/2010.1/CLR3.5/
Thanks
Mukesh
You can use the default xaml we ship as a starting point for any customized template you want to create but we don't have any samples doing what you describe. The UnpinnedTabArea, which is the element that contains the tabs for the unpinned content panes, is a derived TabControl which uses a custom panel (UnpinnedTabItemPanel) as its ItemsPanel. That panel is specifically written to mimic the layout behavior of the unpinned tab area in Visual Studio which simply sizes the tabs to their desired size and exposes an attached property when a new group begins so the template can introduce some space between the groups as is seen in VS. You would have to replace that panel with another panel that does the layout you want which may mean having to write your own custom Panel depending on what you want to happen when there are multiple unpinned panes in the same area.
With regards to the orientation of the text within the tab, the tab element is a PaneTabItem. PaneTabItem is used to represent the tab for a ContentPane when it is in a TabGroupPane (document or docked/floating) and when in the UnpinnedTabArea. There is a custom template when used in the unpinned tab area so if you want to change the look for the tab in that area you would create a custom template for the PaneTabItem where the key of the ControlTemplate is "{x:Static igDock:PaneTabItem.UnpinnedTabItemTemplateKey}". Again you can look at the default xaml we include in the DefaultStyles directory as a starting point for your custom template.