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
1130
Flyout pane only
posted

Hi,

 I want to have only a flyout pane.  The main content I don't want to have a close button, the "other tabs" button or to be movable at all.  I could do this in Windows Forms using the DockManager from infragistcs there.

 I would just create my window however I wanted, added a DockManager, then added a panel.  I right clicked on it chose Dock Controls, then set the properites accordingly so that it functioned like the unpinned Solution Explorer.  

 How can I replicate the same UI with the XamDockManager?  

Thanks

Andy

Parents
  • 54937
    Verified Answer
    Offline posted

    It would basically be the same thing. The xamDockManager is a ContentControl. That Content could be anything - the content doesn't have to be a DocumentContentHost (which is what would provide the VS like tabbed document interface). ContentPane is analogous to the UDM's DockableControlPane and has numerous settings (AllowDocking, AllowFloatingOnly, etc.) that determine how the end user may adjust the layout for that pane. The IsPinned property determines whether it is pinned. So a simplistic layout with a central Grid as the content and a set of unpinned panes would look like:

        <igDock:XamDockManager>
            <igDock:XamDockManager.Panes>
                <igDock:SplitPane igDock:XamDockManager.InitialLocation="DockedRight" Width="200">
                    <igDock:TabGroupPane>
                        <igDock:ContentPane Header="Solution Explorer" IsPinned="False" AllowDocking="False" AllowFloatingOnly="False">
                            <TreeView />
                        </igDock:ContentPane>
                        <igDock:ContentPane Header="Class View" IsPinned="False" AllowDocking="False" AllowFloatingOnly="False">
                            <TextBox />
                        </igDock:ContentPane>
                    </igDock:TabGroupPane>
                </igDock:SplitPane>
                <igDock:SplitPane igDock:XamDockManager.InitialLocation="DockedBottom" Height="200">
                    <igDock:ContentPane Header="Watch" IsPinned="False" AllowDocking="False" AllowFloatingOnly="False">
                        <Button />
                    </igDock:ContentPane>
                </igDock:SplitPane>
            </igDock:XamDockManager.Panes>
            <Grid>
                <TextBox Text="This is where you would put your content" />
            </Grid>
        </igDock:XamDockManager>
Reply Children