Forums Ultimate UI for WPF
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Dharani
435
Customize Content Pane with no Header
posted

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.

Parents
No Data
Reply
  • 435
    posted

    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>

Children