<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<f:subview id="tabPanelStraightforwardSubviewID">
		<rich:simpleTogglePanel id="tpPropertyID" switchType="client" opened="true" label="tabPanel property">
			<h:panelGrid columns="2" cellspacing="10px">
				<h:outputText value="Width (px or %):"></h:outputText>
				<h:inputText value="#{tabPanel.width}" onchange="submit();" />

				<h:outputText value="Height (px or %):"></h:outputText>
				<h:inputText value="#{tabPanel.height}" onchange="submit();" />

				<h:outputText value="Title:"></h:outputText>
				<h:inputText value="#{tabPanel.title}">
					<a4j:support event="onchange" reRender="tabPanelId"></a4j:support>
				</h:inputText>

				<h:outputText value="LabelWidth:"></h:outputText>
				<h:inputText value="#{tabPanel.labelWidth}" onchange="submit();" />

				<h:outputText value="SwitchType:"></h:outputText>
				<h:selectOneRadio value="#{tabPanel.switchType}">
					<f:selectItem itemLabel="client" itemValue="client" />
					<f:selectItem itemLabel="server" itemValue="server" />
					<f:selectItem itemLabel="ajax" itemValue="ajax" />
					<a4j:support event="onchange" reRender="tabPanelId"></a4j:support>
				</h:selectOneRadio>

				<h:outputText value="Header Alignment:"></h:outputText>
				<h:selectOneRadio value="#{tabPanel.headerAlignment}">
					<f:selectItem itemLabel="left" itemValue="left" />
					<f:selectItem itemLabel="center" itemValue="center" />
					<f:selectItem itemLabel="right" itemValue="right" />
					<a4j:support event="onchange" reRender="tabPanelId"></a4j:support>
				</h:selectOneRadio>

				<h:outputText value="Header Spacing:"></h:outputText>
				<h:inputText value="#{tabPanel.headerSpacing}">
					<a4j:support event="onchange" reRender="tabPanelId"></a4j:support>
				</h:inputText>

				<h:outputText value="Selected Tab:"></h:outputText>
				<h:selectOneRadio value="#{tabPanel.selectedTab}" onchange="submit();">
					<f:selectItem itemLabel="1" itemValue="tabOne" />
					<f:selectItem itemLabel="2" itemValue="tabTwo" />
					<f:selectItem itemLabel="3" itemValue="tabThr" />
				</h:selectOneRadio>

				<h:outputText value="immediate" />
				<h:selectBooleanCheckbox value="#{tabPanel.immediate}">
					<a4j:support event="onchange" reRender="tabPanelId"></a4j:support>
				</h:selectBooleanCheckbox>

				<h:outputText value="Rendered"></h:outputText>
				<h:selectBooleanCheckbox value="#{tabPanel.rendered}" onclick="submit()">
				</h:selectBooleanCheckbox>

				<h:outputText value="Disable Tab"></h:outputText>
				<h:selectBooleanCheckbox value="#{tabPanel.disabledTab}" onclick="submit()">
				</h:selectBooleanCheckbox>
				<h:outputText value="Switch Styles:" />
				<h:commandButton action="#{tabPanel.doStyles}" value="#{tabPanel.btnLabel}" />
			</h:panelGrid>
		</rich:simpleTogglePanel>
</f:subview>