<%@ 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="ModalPanelPropertySubviewID">
<h:commandButton value="add test" action="#{modalPanel.addHtmlModalPanel}"></h:commandButton>
	<h:panelGrid columns="2">
		<h:outputText value="visualOptions"></h:outputText>
		<h:inputText value="#{modalPanel.visualOptions}" onchange="submit();"></h:inputText>

		<h:outputText value="shadowDepth" />
		<h:inputText value="#{modalPanel.shadowDepth}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:inputText>

		<h:outputText value="shadowOpacity" />
		<h:inputText value="#{modalPanel.shadowOpacity}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:inputText>

		<h:outputText value="keepVisualState" />
		<h:selectBooleanCheckbox value="#{modalPanel.keepVisualState}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:selectBooleanCheckbox>

		<h:outputText value="left" />
		<h:inputText value="#{modalPanel.left}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:inputText>

		<h:outputText value="top" />
		<h:inputText value="#{modalPanel.top}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:inputText>

		<h:outputText value="rendered" />
		<h:selectBooleanCheckbox value="#{modalPanel.rendered}"
			onchange="submit();">

		</h:selectBooleanCheckbox>

		<h:outputText value="showWhenRendered" />
		<h:selectBooleanCheckbox value="#{modalPanel.showWhenRendered}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:selectBooleanCheckbox>

		<h:outputText value="zindex" />
		<h:selectOneRadio value="#{modalPanel.zindex}">
			<f:selectItem itemLabel="1" itemValue="1" />
			<f:selectItem itemLabel="3" itemValue="3" />
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:selectOneRadio>

		<h:outputText value="Width:" />
		<h:inputText value="#{modalPanel.width}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:inputText>

		<h:outputText value="Height:" />
		<h:inputText value="#{modalPanel.height}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:inputText>

		<h:outputText value="minWidth:" />
		<h:inputText value="#{modalPanel.minWidth}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:inputText>

		<h:outputText value="minHeight:" />
		<h:inputText value="#{modalPanel.minHeight}">
			<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
		</h:inputText>

		<h:outputText value="autosized:" />
		<h:selectBooleanCheckbox value="#{modalPanel.autosized}" onchange="submit();" ></h:selectBooleanCheckbox>

		<h:outputText value="resizeable:" />
		<h:selectBooleanCheckbox value="#{modalPanel.resizeable}" onchange="submit();"></h:selectBooleanCheckbox>

		<h:outputText value="Moveable:" />
		<h:selectBooleanCheckbox value="#{modalPanel.moveable}">
			<a4j:support event="onclick" reRender="modalPanelID"></a4j:support>
		</h:selectBooleanCheckbox>
	</h:panelGrid>	
</f:subview>