[TOMAHAWK-709] Regarding the spacing between the tabs that are rendered

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Component/s: Tabbed Pane
• Environment: Windows
• Assignee: Hazem Saleh
• Reporter: ashok kumar
• Created: 27/Sep/06 10:01
• Updated: 17/Jun/08 21:56

Description

My application requires two tabs to be displayed in a single page. Using Tabbed pane am acheiving the same.
But the problem is that the entire page is getting divided in to two and first tab is displaying in first part and second tab is getting displayed in the second part. The page layout is getting changed when we go for the next tab. And i dont want this to happen i want the two tabs to be side by side. How can we achieve it.

Here is my code can you please check it.

<t:panelTabbedPane bgcolor="#FFFFCC" width="50%" align="bottom" border="1" cellspacing="0" cellpadding="0">

<t:panelTab id="tab1" label="Process 1" rendered="true">
<h:selectBooleanCheckbox id="testCheckBox"/>
<h:outputLabel for="testCheckBox" value="A checkbox"/>
<f:verbatim><br/><br/></f:verbatim>
<h:inputText id="inp1"/><f:verbatim><br></f:verbatim>
<h:inputText id="inp2" required="true" />
<h:inputText id="first"/>
<h:inputText id="second"/>
<h:inputText id="third"/>

<h:message for="inp2" showSummary="false" showDetail="true" />
</t:panelTab>

<t:panelTab id="tab3" label="Process 2" rendered="true">

<t:selectOneRadio id="selectOne">
<f:selectItem itemValue="0" itemLabel="First Choice" />
<f:selectItem itemValue="1" itemLabel="Second Choice" />
</t:selectOneRadio>

<f:verbatim><br/><br/></f:verbatim>
<f:verbatim><br/><br/></f:verbatim>

<h:inputText id="inp3"/><f:verbatim><br/></f:verbatim>
</t:panelTab>
<h:commandButton value="Submit" />

</t:panelTabbedPane>