I need to put together a screen like the one attached below (excuse the poor image quality). I am not sure which widget to use for the inner menu with white background. I see that the outer menus are definitely group tabs. Is it a tree or something else? Click on each of these menus (with white background) should open up a new panel.

48003

Below is what I have got so far.

48004

Thanks in advance.

Regards,
Gaurav Jain

evant

22 Feb 2014, 11:40 PM

Probably just a dataview with a custom template + some styling:

http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.view.View

gj.gauravjain

23 Feb 2014, 12:35 AM

Thanks evant. I will explore that.

Meanwhile, I tried to render another group tab inside the panel and that got me somewhat closer to the desired design, see the image below. I am thinking, if I could override some of css to get rid of the blue background for the inner menu without affecting the outer group tab. Meddling with CSS like that isn't a happy thing to do for me so if it starts to get messy I will have to back out.

48008

gj.gauravjain

23 Feb 2014, 2:02 AM

Turns out dataview with custom template was really the best way to do it. Thank once again evant !