Tabbed Application Mode

This add-on allows you to open views in separate tabs inside main view, so multiple views can be opened simultaneously and the user can switch between them. Additionally, multiple views can be opened in the same tab, creating a view stack that is displayed as breadcrumbs.

tabbed mode overview
The Tabbed Application Mode add-on is currently in the experimental state and can change significantly in the next Jmix release.

Installation

For automatic installation, use a dedicated project template:

project template

For manual installation:

  1. Add the following dependency to your build.gradle:

    implementation 'io.jmix.tabbedmode:jmix-tabbedmode-flowui-starter'

  2. Change base class of the MainView.java from StandardMainView to StandardTabbedModeMainView.

    import io.jmix.tabbedmode.app.main.StandardTabbedModeMainView;

@Route("")
@ViewController(id = "MainView")
@ViewDescriptor(path = "main-view.xml")
public class MainView extends StandardTabbedModeMainView {
}

  3. In the main-view.xml, change the xmlns attribute value of the mainView element to use the XSD schema from the add-on:

    <mainView xmlns="http://jmix.io/schema/tabmod/main-view"
          title="msg://MainView.title">

    Then wrap initialLayout into workArea:

    <workArea id="workArea"
          classNames="jmix-work-area">
    <initialLayout width="100%" height="100%"/>
</workArea>