[richfaces-svn-commits] JBoss Rich Faces SVN: r8653 - trunk/test-applications/jsp/src/main/webapp/ModalPanel.

Author: mvitenkov Date: 2008-05-20 08:50:23 -0400 (Tue, 20 May 2008) New Revision: 8653 Modified: trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp Log: Modified: trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp =================================================================== --- trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp 2008-05-20 12:11:02 UTC (rev 8652) +++ trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp 2008-05-20 12:50:23 UTC (rev 8653) @@ -6,24 +6,53 @@ <f:subview id="modalPanelSubviewID"> - <h:selectOneMenu value="#{richBean.srcContainer}" onchange="submit();"> + <h:selectOneMenu value="#{richBean.srcContainer}" onchange="submit();"> <f:selectItems value="#{richBean.listContainer}" /> </h:selectOneMenu> - <rich:modalPanel id="modalPanelID" visualOptions="#{modalPanel.visualOptions}" left="#{modalPanel.left}" top="#{modalPanel.top}" minHeight="#{modalPanel.minHeight}" minWidth="#{modalPanel.minWidth}" - height="#{modalPanel.height}" width="#{modalPanel.width}" moveable="#{modalPanel.moveable}" - resizeable="#{modalPanel.resizeable}" keepVisualState="#{modalPanel.keepVisualState}" rendered="#{modalPanel.rendered}" - zindex="#{modalPanel.zindex}" autosized="#{modalPanel.autosized}" shadowDepth="#{modalPanel.shadowDepth}" - shadowOpacity="#{modalPanel.shadowOpacity}" showWhenRendered="#{modalPanel.showWhenRendered}" - controlsClass="#{style.controlsClass}" headerClass="#{style.headerClass}" styleClass="#{style.styleClass}" - onhide="#{event.onhide}" onmaskclick="#{event.onmaskclick}" onmaskcontextmenu="#{event.onmaskcontextmenu}" onmaskdblclick="#{event.onmaskdblclick}" onmaskmousedown="#{event.onmaskmousedown}" onmaskmousemove="#{event.onmaskmousemove}" onmaskmouseout="#{event.onmaskmouseout}" onmaskmouseover="#{event.onmaskmouseover}" onmaskmouseup="#{event.onmaskmouseup}" onmove="#{event.onmove}" onresize="#{event.onresize}" onshow="#{event.onshow}"> + <rich:modalPanel id="modalPanelID" + visualOptions="#{modalPanel.visualOptions}" left="#{modalPanel.left}" + top="#{modalPanel.top}" minHeight="#{modalPanel.minHeight}" + minWidth="#{modalPanel.minWidth}" height="#{modalPanel.height}" + width="#{modalPanel.width}" moveable="#{modalPanel.moveable}" + resizeable="#{modalPanel.resizeable}" + keepVisualState="#{modalPanel.keepVisualState}" + rendered="#{modalPanel.rendered}" zindex="#{modalPanel.zindex}" + autosized="#{modalPanel.autosized}" + shadowDepth="#{modalPanel.shadowDepth}" + shadowOpacity="#{modalPanel.shadowOpacity}" + showWhenRendered="#{modalPanel.showWhenRendered}" + controlsClass="#{style.controlsClass}" + headerClass="#{style.headerClass}" styleClass="#{style.styleClass}" + onhide="#{event.onhide}" onmaskclick="#{event.onmaskclick}" + onmaskcontextmenu="#{event.onmaskcontextmenu}" + onmaskdblclick="#{event.onmaskdblclick}" + onmaskmousedown="#{event.onmaskmousedown}" + onmaskmousemove="#{event.onmaskmousemove}" + onmaskmouseout="#{event.onmaskmouseout}" + onmaskmouseover="#{event.onmaskmouseover}" + onmaskmouseup="#{event.onmaskmouseup}" onmove="#{event.onmove}" + onresize="#{event.onresize}" onshow="#{event.onshow}" + > <f:facet name="header"> <h:outputText value="Heder goes here..." /> </f:facet> <f:facet name="controls"> - <h:graphicImage value="/pics/error.gif" onclick="Richfaces.hideModalPanel('modalPanelID');return false;" /> + <h:graphicImage value="/pics/error.gif" + onclick="Richfaces.hideModalPanel('modalPanelID');return false;" /> </f:facet> <h:outputText value="This is Modal Panel example" styleClass="text1" /> + <h:selectOneMenu value="#{richBean.srcContainer}" onchange="submit();"> + <f:selectItems value="#{richBean.listContainer}" /> + </h:selectOneMenu> + <applet code="ArcTest.class" width="400" height="400" + + codebase="http://java.sun.com/applets/jdk/1.4/demo/applets/ArcTest/&... + + alt="Your browser understands the &lt;APPLET&gt; tag but isn't running the applet, for some reason."> + + Your browser is completely ignoring the &lt;APPLET&gt; tag! + </applet> <h:inputText value="#{modalPanel.inputTextTest}" /> <h:selectOneListbox value="#{modalPanel.selectOneListboxTest}"> <f:selectItem itemLabel="1" itemValue="1" /> @@ -35,47 +64,139 @@ <br /> <br /> </f:verbatim> - - <h:outputLink value="http://www.jboss.com/"><f:verbatim>Link</f:v... - + <rich:spacer width="20" height="20"></rich:spacer> + <a4j:commandButton value="submit" onclick="submit"></a4j:commandButton> + <h:outputLink value="http://www.jboss.com/"> + <f:verbatim>Link</f:verbatim> + </h:outputLink> + <f:verbatim> <br /> <br /> </f:verbatim> - <a4j:commandLink onclick="Richfaces.showModalPanel('modalPanel2ID');return false;" value="show ModalPanel 2"> + <a4j:commandLink + onclick="Richfaces.showModalPanel('modalPanel2ID');return false;" + value="show ModalPanel 2"> </a4j:commandLink> <f:verbatim> <br /> <br /> - </f:verbatim> - <h:outputLink onclick="Richfaces.hideModalPanel('modalPanelID');return false;" value="Close"> + </f:verbatim> + <h:outputLink + onclick="Richfaces.hideModalPanel('modalPanelID');return false;" + value="Close"> <f:verbatim>Close</f:verbatim> - </h:outputLink> - <jsp:include flush="true" page="${richBean.pathComponentContainer}" /> + </h:outputLink> </rich:modalPanel> - - <rich:modalPanel id="modalPanel2ID" minHeight="100" minWidth="200" > - <h:outputText value="text"></h:outputText> - <h:inputText value="input"></h:inputText> - <h:outputLink onclick="Richfaces.hideModalPanel('modalPanel2ID');return false;" value="Close"> - <f:verbatim>Close</f:verbatim> - </h:outputLink> - </rich:modalPanel> - - <a onclick="Richfaces.showModalPanel('modalPanelID');" href="#">Show MP</a> + <rich:modalPanel id="modalPanel2ID" visualOptions="#{modalPanel.visualOptions}" left="#{modalPanel.left}" + top="#{modalPanel.top}" minHeight="#{modalPanel.minHeight}" + minWidth="#{modalPanel.minWidth}" height="550" + width="850" moveable="false" + resizeable="false" + keepVisualState="#{modalPanel.keepVisualState}" + rendered="#{modalPanel.rendered}" zindex="#{modalPanel.zindex}" + autosized="#{modalPanel.autosized}" + shadowDepth="#{modalPanel.shadowDepth}" + shadowOpacity="#{modalPanel.shadowOpacity}" + showWhenRendered="#{modalPanel.showWhenRendered}" + controlsClass="#{style.controlsClass}" + headerClass="#{style.headerClass}" styleClass="#{style.styleClass}" + onhide="#{event.onhide}" onmaskclick="#{event.onmaskclick}" + onmaskcontextmenu="#{event.onmaskcontextmenu}" + onmaskdblclick="#{event.onmaskdblclick}" + onmaskmousedown="#{event.onmaskmousedown}" + onmaskmousemove="#{event.onmaskmousemove}" + onmaskmouseout="#{event.onmaskmouseout}" + onmaskmouseover="#{event.onmaskmouseover}" + onmaskmouseup="#{event.onmaskmouseup}" onmove="#{event.onmove}" + onresize="#{event.onresize}" onshow="#{event.onshow}"> + <br/> + <h:inputText value="input"></h:inputText> + <br/> + <h:outputLink + onclick="Richfaces.hideModalPanel('modalPanel2ID');return false;" + value="Close"> + <f:verbatim>Close</f:verbatim> + </h:outputLink> + <rich:pickList id="pickListID" value="#{pickList.value}" + showButtonsLabel="#{pickList.showButtonLabels}" + valueChangeListener="#{pickList.valueChangeListener}" + controlClass="#{style.controlClass}" listClass="#{style.listClass}" + style="#{style.style}" styleClass="#{style.styleClass}" + copyAllControlLabel="#{pickList.copyAllControlLabel}" + copyControlLabel="#{pickList.copyControlLabel}" + disabled="#{pickList.copyControlLabel}" + immediate="#{pickList.immediate}" + listsHeight="#{pickList.listsHeight}" + moveControlsVerticalAlign="#{pickList.moveControlsVerticalAlign}" + removeAllControlLabel="#{pickList.removeAllControlLabel}" + removeControlLabel="#{pickList.removeControlLabel}" + rendered="#{pickList.rendered}" + sourceListWidth="#{pickList.sourceListWidth}" + title="#{pickList.title}" switchByClick="#{pickList.switchByClick}" + targetListWidth="#{pickList.targetListWidth}" + required="#{pickList.required}" + requiredMessage="#{pickList.requiredMessage}" + onclick="#{event.onclick}" + ondblclick="#{event.ondblclick}" + onkeydown="#{event.onkeydown}" + onkeypress="#{event.onkeypress}" + onkeyup="#{event.onkeyup}" + onmousedown="#{event.onmousedown}" + onmousemove="#{event.onmousemove}" + onmouseout="#{event.onmouseout}" + onmouseover="#{event.onmouseover}" + onmouseup="#{event.onmouseup}" + binding="#{pickList.myPickList}"> + <f:selectItem itemValue="selectItem" itemLabel="selectItem" /> + <f:selectItem itemValue="selectItem 1" itemLabel="selectItem 1" /> + <f:selectItem itemValue="selectItem 2" itemLabel="selectItem 2" /> + <f:selectItems value="#{pickList.data}" /> + </rich:pickList> + <br/> + <a4j:commandButton reRender="pickListTargetID" value="refresh target"></a4j:commandButton> + <h:dataTable id="pickListTargetID" value="#{pickList.value}" var="list" border="1"> + <h:column> + <h:outputText value="#{list}"></h:outputText> + </h:column> + </h:dataTable> + </rich:modalPanel> + <rich:modalPanel id="_panel" minHeight="100" minWidth="200" + moveable="true"> + <f:facet name="header"> + <h:outputText value="Events..." /> + </f:facet> + <f:facet name="controls"> + <h:graphicImage value="/pics/error.gif" + onclick="Richfaces.hideModalPanel('_panel');" /> + </f:facet> + + <h:outputText value="Eventsaaaaaaaaaaaaaaaa ..." /> + <rich:calendar popup="true" /> + </rich:modalPanel> + <a onclick="Richfaces.showModalPanel('modalPanelID');" href="#">Show + MP</a> + <br/> + <a4j:commandLink + onclick="Richfaces.showModalPanel('modalPanel2ID');return false;" + value="show ModalPanel 2"> + </a4j:commandLink> + <f:verbatim> <br /> <br /> </f:verbatim> - <h:graphicImage value="/pics/info.gif" onclick="Richfaces.showModalPanel('modalPanelID');" /> + <h:graphicImage value="/pics/info.gif" + onclick="Richfaces.showModalPanel('_panel');" /> <f:verbatim> <br /> <br /> </f:verbatim> - <div style="position: relative; font-size: 50px; z-index: 2; color: navy">z-index</div> - + <div + style="position: relative; font-size: 50px; z-index: 2; color: navy">z-index</div> + <br/> </f:subview>