<%@ 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: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}" >
					<a4j:support event="onchange" reRender="modalPanelID"></a4j:support>
				</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>