<%@ 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="SeparatorPropertySubviewID">
		<rich:simpleTogglePanel id="separatorPropertyID" switchType="client" opened="true" label="separator property">
			<h:panelGrid columns="2">
				<h:outputText value="Width (px or %): "></h:outputText>
				<h:inputText value="#{separator.width}">
					<a4j:support event="onchange" reRender="separatorId"></a4j:support>
				</h:inputText>

				<h:outputText value="Height (px or %):"></h:outputText>
				<h:inputText value="#{separator.height}">
					<a4j:support event="onchange" reRender="separatorId"></a4j:support>
				</h:inputText>

				<h:outputText value="LineType:"></h:outputText>
				<h:selectOneRadio value="#{separator.lineType}" layout="pageDirection">
					<f:selectItem itemLabel="beveled" itemValue="beveled" />
					<f:selectItem itemLabel="dotted" itemValue="dotted" />
					<f:selectItem itemLabel="dashed" itemValue="dashed" />
					<f:selectItem itemLabel="double" itemValue="double" />
					<f:selectItem itemLabel="solid" itemValue="solid" />
					<a4j:support event="onclick" reRender="separatorId"></a4j:support>
				</h:selectOneRadio>

				<h:outputText value="Align:"></h:outputText>
				<h:selectOneRadio value="#{separator.align}">
					<f:selectItem itemLabel="left" itemValue="left" />
					<f:selectItem itemLabel="center" itemValue="center" />
					<f:selectItem itemLabel="right" itemValue="right" />
					<a4j:support event="onclick" reRender="separatorId"></a4j:support>
				</h:selectOneRadio>

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

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

				<h:outputText value="Switch Styles:" />
				<h:commandButton action="#{separator.doStyles}" value="#{separator.btnLabel}" />
			</h:panelGrid>
		</rich:simpleTogglePanel>
</f:subview>