Vertical tab panel

462 views
Skip to first unread message

SSK_GWT

unread,
Feb 19, 2008, 4:13:51 AM2/19/08
to Google Web Toolkit
is the any code to create a vertical tabpanel?

Peter Blazejewicz

unread,
Feb 20, 2008, 3:43:09 PM2/20/08
to Google Web Toolkit
hi,

not with TabPanel/TabBar becuase of their implementation details:
TabPanel is vertical panel (cells are vertical) with tab bar on top
and content on bottom, and TabBar is horitontal panel with content
(bars) layed horizontally,
So you could copy GWT classes into your project (to "patch" them for
your specific requirements) and change their implementation,
However please note that implementing vertical tab bar is really easy:
#1
drop HoritonalPanel on stage (HP)
#2
set HP cell vertical alighment to top
#3
into LEFT (or RIGHT) cell of HP drop vertical panel (VP)
#4
into cells of VP drop as many Labels you want and assign click
listeners
#5
into RIGHT cell of HP (content area) drop StackPanel (SP) and as many
your target "tabbed" contetn child panels you require
#6
on each click on Label in "navigation" cell of HP (LEFT) just show
required child of stack panel,

regards,
Peter

SSK_GWT

unread,
Mar 18, 2008, 11:31:55 PM3/18/08
to Google Web Toolkit
Thank you very much!!!!!!!!!!!!!!!!!!!!
Reply all
Reply to author
Forward
0 new messages