Create Tabs on Left and Right side of Layout.

Folks,

I have 2 TabSets each having a single tab
I need to display Tabset1 on the Left Side of the Layout
and Tabset2 on the Right side of the layout.

Eg:

Tab1 [Space towards right] Tab2


But when I run my code, Tab 2 goes at the Bottom left side.
instead of right
How do i get the Tab 2 on the top right side?
Please advise.

This is my code :


final TabSet leftTabSet = new TabSet();
leftTabSet.setTabBarPosition(Side.TOP);
leftTabSet.setTabBarAlign(Side.LEFT);
leftTabSet.setWidth(700);
leftTabSet.setHeight(600);

Tab historicTab = new Tab("Tab1"", "pieces/16/pawn_blue.png");
historicTab.setPane(getDisplayWithToolStrip());
leftTabSet.addTab(historicTab);


// Right Side Tab
final TabSet rightTabSet = new TabSet();
rightTabSet.setTabBarPosition(Side.TOP);
rightTabSet.setTabBarAlign(Side.RIGHT);

rightTabSet.setWidth(100);
rightTabSet.setHeight(100);

Tab rT = new Tab("Tab2", "");
rightTabSet.addTab(rT);

// Layout.
VLayout mainLayout = new VLayout();
mainLayout.setWidth100();
mainLayout.setHeight100();

HLayout leftLayout = new HLayout();
leftLayout.addMember(leftTabSet);
mainLayout.addMember(leftLayout);

HLayout rightLayout = new HLayout();
rightLayout.addMember(rightTabSet);
mainLayout.addMember(rightLayout);

mainLayout.setWidth(650);
mainLayout.setAutoHeight();
mainLayout.setMembersMargin(15);
mainLayout.setAutoHeight();
mainLayout.draw();