- WINJS TABVIEW CODE
- WINJS TABVIEW FREE
The following figure illustrates an example. This allows you to mix vertically and horizontally oriented groups as your needs dictate. In this mode, documents can be docked to any form edge regardless of the View orientation.
WINJS TABVIEW FREE
To address this limitation and enable document groups to dock to any desired side, switch the View to Free Layout Mode. Starting with this moment, new document groups can be added only according to the View orientation. This orientation is stored within the TabbedView.Orientation property. When two document groups are created, the View becomes either vertically or horizontally oriented, depending on whether these groups are located side-by-side or one below the other. (document3, tabbedView1.DocumentGroups(2))īy default, the second document group can be docked to any side of the View (and to any side of the first document group respectively).
WINJS TABVIEW CODE
Manually modifying the TabbedView.DocumentGroups collection as the following code snippet shows.
calling the controller’s ITabbedViewController.CreateNewDocumentGroup method from code. right-clicking a tab header and selecting the ‘New Horizontal Group’ or ‘New Vertical Group’ option. It is also possible to add new groups by doing one of the following:ĭragging a required document to the form’s or document group’s edge, and dropping it on the required docking hint (see below) The following figure illustrates an example.Ī Tabbed View always contains at least one document group that nests all tabbed documents. End-users can drag these splitters at runtime to resize document groups as required. Document Groups (Default Mode)Ī document group is an instance of the DocumentGroup class that is capable of containing tabs and separated from neighboring document groups with splitters. If you need to handle these events, create your own custom document container and pass it to the View on the BaseView.CustomDocumentsHostWindow event. Since floating documents in the DocumentsHost mode are owned by separate local DocumentManager objects, each with its own Tabbed View within, all events related to floating documents are fired for these local Tabbed Views rather than for the main form’s View. This allows your end-users to dock multiple floating documents into one single floating form. If you set the BaseView.FloatingDocumentContainer property to FloatingDocumentContainer.DocumentsHost, floating documents will be hosted within their own floating Document Managers. To access them use the BaseDocument.Properties group.įloating documents are often presented as separate MDI forms. Same settings are available for individual documents rather than an entire View. To prevent end-users from undocking your tabs, set the IBaseDocumentProperties.AllowFloat property to false and vice versa if the IBaseDocumentProperties.AllowDock property equals false, thus floating documents will be unable to dock back to the View. Note that the BaseView.Documents collection does not provide access to floating documents. clicking a tab’s header and dragging it to the desired position.įloating documents occupy the size according to their BaseDocument.FloatSize property values and are stored within the BaseView.FloatDocuments collection. right-clicking a tab’s header and choosing the ‘Float’ option. Tabs can be made floating by doing one of the following: To enable this behavior, set the IDocumentProperties.AllowPin property to true. Pinned documents are placed before regular tabs (see below). Tabs can be pinned by clicking the pin button next to their close button. To do the same in code, use the View controller that provides all required methods to manage documents (e.g., the ITabbedViewController.Dock or IBaseViewController.Float methods). To dock documents at runtime, end-users use docking hints that are shown when the document is being dragged (see the figure below). See the Interaction with Dock Panels topic to learn more about exclusive features that both components gain when placed upon the same form. In this case, the View will create tabbed documents to wrap dock panels. The Tabbed View also allows Dock Manager panels to be docked to this View. These tabbed documents are stored within the BaseView.Documents collection. TabsĮach tab is the Document class instance, docked to the View’s region. If you do not need all the DocumentManager features and all you want is a simple tabbed UI, use the XtraTabbedMdiManager component instead.
0 kommentar(er)
