Widget used in GWT showcase left menu

Question

I would like to develop in GWT a vertical menu similar to the one found on http://gwt.google.com/samples/Showcase/Showcase.html (the left blue menu which first section is "Widgets").

Since it's a GWT showcase, one can assume that left menu is a GWT widget, but which one ?

I have browsed every example and none of them looks like that menu. Any guess ?

Answer 1

Did you know the Showcase sample is open-source? It's even bundled with the GWT SDK.

The code tells use it's a CellTree within a ScrollPanel (within a DockLayoutPanel within a DockLayoutPanel):

• The UiBinder template
• The code initializing the CellTree
• The code initializing the TreeViewModel (including prefetching the split-points for the samples when you expand a category node; and updating the center panel when you select a sample node)
• the TreeViewModel itself

Answer 2

It's the CellTree widget!

A demo is actually inside the showcase: CellTree, but in the example, it has a different style applied:

CellTree.Resources res = GWT.create(CellTree.BasicResources.class);
CellTree.Resources res = GWT.create(CellTree.BasicResources.class);
    cellTree = new CellTree(
        new ContactTreeViewModel(selectionModel), null, res);

(this stlyes makes the +/- buttons and lets it look like a regular tree)

If you don't apply this style the Cell Tree looks like the left menu.

Answer 3

Looks just like a vertical arrangement of DisclosurePanel. Here are the docs.