Open a screen in new browser tab

Support
#1

Hello team,

Is it possible in the platform to open a screen in a new browser tab like in standard web application?

Thanks.
Konstantin

#2

Right-click on the menu item and select to open in a new tab. Did you mean this or something else?

#3

Yes, exactly. And also by using the view or edit actions in a table in a browser screen I need to be able to open the editor in a new browser tab if needed.

#4

It works like that for which you don’t need anything to customize, did you try?

#5

What do you mean works like that?
This is what I get on right click. I don’t have “Open in new tab”. From what I know for the platform already I don’t expect to have it. But if there is an action saying open in new browser tab it would be what I really need.
image

#6

Hi Konstantin
See below, select the menu first before you right-click
image

BTW, this is being developed in JMIX FLOW. CUBA-PLATFORM doesn’t work this way.

#7

Not really what I need.
Now I’m looking at the newWindowButton and wondering if its implementation may help in creating a custom edit action

Role permissions for menu item bean
#9

Hi,

You can create a custom action that opens screens in a new Browser Tab with the help of URL Routes Generator and WebBrowserTools, e.g:

@Autowired
private GroupTable<User> usersTable;

@Autowired
private UrlRouting urlRouting;
@Autowired
private WebBrowserTools webBrowserTools;

@Subscribe("usersTable.edit")
public void onUsersTableEdit(Action.ActionPerformedEvent event) {
    User selectedUser = usersTable.getSingleSelected();
    if (selectedUser != null) {
        String routeToSelectedUser = urlRouting.getRouteGenerator()
                .getEditorRoute(selectedUser);

        webBrowserTools.showWebPage(routeToSelectedUser, ImmutableMap.of("target", "_blank"));
    }
}

Gleb

#11

Thanks! @gorelov This is exactly what I’ve been looking for.

Is this possible for a menu item as well in the sideMenu component? I don’t see an option to add actions there…

Konstantin

#12

Menu items can be different types, e.g.: Screen, Bean, Class, etc. See docs.

I’d recommend creating a bean, e.g.:

@UIScope
@Component("demo_MenuService")
public class MenuService {

    private UrlRouting urlRouting;
    private WebBrowserTools webBrowserTools;

    public MenuService(UrlRouting urlRouting, WebBrowserTools webBrowserTools) {
        this.urlRouting = urlRouting;
        this.webBrowserTools = webBrowserTools;
    }

    public void openUserBrowse() {
        String route = urlRouting.getRouteGenerator()
                .getRoute(UserBrowse.class);

        webBrowserTools.showWebPage(route, ImmutableMap.of("target", "_blank"));
    }
}

And use it as menu item:

<item bean="demo_MenuService" beanMethod="openUserBrowse" caption="Open Users"/>

Gleb

FlowUI - is it possible to open multiple screens as in Classic UI?
#13

Yeah, well that seems handy, but it’s not what I really need.

I need to be able to open a screen in the same browser tab or in new browser tab using the same menu item and a context menu. Similar to the actions in a table.

Konstantin

#14

Screens in Classic UI are opened only programmatically. The screens above from Mortoza Khan from Flow UI module.

#15

In Jmix 2.0 I do not see anymore UrlRouting and WebBrowserTools has no more showWebPage method

#16

Hi,

Instead of UrlRouting, the io.jmix.flowui.view.navigation.RouteSupport bean can be used to make it easier to work with Vaadin com.vaadin.flow.component.page.Page and com.vaadin.flow.component.page.History object.

Instead of WebBrowserTools the com.vaadin.flow.component.page.Page#open(java.lang.String, java.lang.String) can be used directly.

The Page object is obtainable from UI, e.g. Page page = UI.getCurrent().getPage()

Regards,
Gleb