I am writing a web application using GWT, and following the [MVP tutorial](https://developers.google.com/web-toolkit/articles/mvp-architecture) on the GWT website (i.e. using [`History`](https://developers.google.com/web-toolkit/doc/latest/DevGuideCodingBasicsHistory) for navigation).

I am a bit confused as to the best way of having a side-bar for navigation (i.e. clicking a navigation link changes content in main window. See below)

```
--------------------
|     |            |
| nav |   main     |
|     |    window  |
|     |            |
|     |            |
--------------------

```

One potential way I see of doing this is to declare two `<div>` tags in the HTML for navigation and content. For example:

```
@Override
public void onValueChange(ValueChangeEvent<String> event) {

    ...

    if (token.equals("navigation")) {
        presenter = new NavigationPresenter(rpcService, eventBus, new NavigationView());
        presenter.go(RootPanel.get("navigation"));
    }

    ...

    if (token.equals("content")) {
        presenter = new ContentPresenter(rpcService, eventBus, new ContentView());
        presenter.go(RootPanel.get("content"));
    }

    ...
}

```

I am unsure if this is the best way of approaching this. (I guess bi-directional communication between the navigation panel and the content window could be done through an `EventBus`? Is this method flexible when it comes to changing the UI (e.g. for mobile sites))

I was wondering what people would suggest is the best way of going about this. I have read around and often land on discussions about [Activities and Places](https://developers.google.com/web-toolkit/doc/latest/DevGuideMvpActivitiesAndPlaces), but as I understand it these are somewhat different to MVP architecture (activities and places is useful for [browser history management](https://stackoverflow.com/questions/15193909/model-view-presenter-with-google-web-toolkit-gwt), although I think my use of `History` covers that (?))

Any suggestions would be appreciated.