<%@ 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"%>

<h:form id="forvDivOpthID">
	<h:panelGrid columns="5" border="1">
		<h:panelGrid columns="1">
			<h:commandButton value="submit" style="width : 85px; height : 21px;"></h:commandButton>
			<a4j:commandButton value="submit[a4j]" reRender="richGridID" style="width : 85px; height : 21px;"></a4j:commandButton>
		</h:panelGrid>
		<h:panelGrid columns="1">
			<a4j:status startText="WORK!" startStyle="color: red;" stopText="a4j:status"></a4j:status>
		</h:panelGrid>
		<h:panelGrid columns="1">
			<h:panelGroup>
				<h:outputText value="#{richBean.reComponent ? 'Component hide' : 'Component show'}" />
				<h:selectBooleanCheckbox value="#{richBean.reComponent}" onchange="submit();" />
			</h:panelGroup>
			<h:panelGroup>
				<h:outputText value="#{richBean.reStraightforward ? 'Straightforward hide' : 'Straightforward show'}" />
				<h:selectBooleanCheckbox value="#{richBean.reStraightforward}" onchange="submit();" />
			</h:panelGroup>
			<h:panelGroup>
				<h:outputText value="#{richBean.reProperty ? 'Property hide' : 'Property show'}" />
				<h:selectBooleanCheckbox value="#{richBean.reProperty}" onchange="submit();" />
			</h:panelGroup>
		</h:panelGrid>

		<h:panelGrid columns="1">
			<h:outputText value="Select skin: " />
			<h:selectOneMenu binding="#{skinBean.component}" onblur="submit();">
				<a4j:support action="#{skinBean.change}" event="onchange" />
			</h:selectOneMenu>
		</h:panelGrid>

		<h:panelGrid columns="1">
			<h:outputText value="Select component:" />
			<h:selectOneMenu value="#{richBean.src}" onchange="submit();">
				<f:selectItems value="#{richBean.list}" />
			</h:selectOneMenu>
		</h:panelGrid>
	</h:panelGrid>
	<h:commandLink value="Back" action="main"></h:commandLink>
</h:form>
