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
Styling could be done using igDock:ContentPane type, like:
<Style x:Key="styleContentPane" TargetType="{x:Type igDock:ContentPane}">
<Setter Property="Background" Value="Red"></Setter>
</Style>
Full list of static properties foor xamDockManager can be found here.
--------------------------------------------------------------------------------
Sorry, I was little early posting my first question. I did some try got to the point where header="" and TabHeader = "Something" give me what I wanted, also found the way to put image. Now my only need is to find a way to make left navigation (unpinned look) same as unpinned Outlook style left navigation.
<igDock:XamDockManager Theme="Royale" Background="Transparent"> <igDock:XamDockManager.Panes > <igDock:SplitPane igDock:XamDockManager.InitialLocation="DockedLeft" > <igDock:ContentPane Header="" IsPinned="True" Width="200"> <igDock:ContentPane.TabHeaderTemplate> <DataTemplate> <TextBlock Text="" ToolTip="This is my tooltip"> <Image Source="Add.JPG"></Image> I got my Tab header </TextBlock> </DataTemplate> </igDock:ContentPane.TabHeaderTemplate> </igDock:ContentPane> </igDock:SplitPane> </igDock:XamDockManager.Panes> </igDock:XamDockManager>