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

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

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

				<h:outputText value="Style" />
				<a4j:commandButton id="btn" action="#{spacer.doStyle}" value="#{spacer.btn}" reRender="spacerId, btn"></a4j:commandButton>
			</h:panelGrid>
		</rich:simpleTogglePanel>
</f:subview>