Author: mvitenkov Date: 2008-08-13 08:13:06 -0400 (Wed, 13 Aug 2008) New Revision: 10064 Modified: trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp Log: +br Modified: trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp =================================================================== --- trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp 2008-08-13 11:58:19 UTC (rev 10063) +++ trunk/test-applications/jsp/src/main/webapp/ModalPanel/ModalPanel.jsp 2008-08-13 12:13:06 UTC (rev 10064) @@ -13,7 +13,11 @@ } </script> <style> -.rich-mpnl-mask-div { +.dr-mpnl-shadow { + top: 5px; + left: 5px; + opacity: 0.9; + filter: alpha(opacity = 200); } </style> @@ -24,8 +28,7 @@ <rich:modalPanel id="modalPanelID" binding="#{modalPanel.htmlModalPanel}" visualOptions="#{modalPanel.visualOptions}" left="#{modalPanel.left}" - top="#{modalPanel.top}" - height="#{modalPanel.height}" + top="#{modalPanel.top}" height="#{modalPanel.height}" width="#{modalPanel.width}" moveable="#{modalPanel.moveable}" resizeable="#{modalPanel.resizeable}" keepVisualState="#{modalPanel.keepVisualState}" @@ -33,7 +36,7 @@ autosized="#{modalPanel.autosized}" shadowDepth="#{modalPanel.shadowDepth}" shadowOpacity="#{modalPanel.shadowOpacity}" - showWhenRendered="true" + showWhenRendered="#{modalPanel.showWhenRendered}" trimOverlayedElements="#{modalPanel.trimOverlayedElements}" controlsClass="#{style.controlsClass}" headerClass="#{style.headerClass}" styleClass="#{style.styleClass}" @@ -44,39 +47,39 @@ onmaskmousemove="#{event.onmaskmousemove}" onmaskmouseout="#{event.onmaskmouseout}" onmaskmouseover="#{event.onmaskmouseover}" - onmaskmouseup="#{event.onmaskmouseup}" - onmove="#{event.onmove}" - onresize="#{event.onresize}" onshow="#{event.onshow}" + onmaskmouseup="#{event.onmaskmouseup}" onmove="#{event.onmove}" + onresize="#{event.onresize}" onshow="#{event.onshow}" onbeforehide="#{event.onbeforehide}" - onbeforeshow="#{event.onbeforeshow}" tridentIVEngineSelectBehavior="hide"> + onbeforeshow="#{event.onbeforeshow}" + tridentIVEngineSelectBehavior="hide" > <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> - + <div style="FONT-WEIGHT: bold;">rich:findComponent</div> <h:panelGrid columns="2" id="findComponentID"> - <tbody id="tbodyID"> - <tr> - <td> - <a4j:commandLink value="getSize" reRender="findID" onclick="javascript:multiply(#{rich:findComponent('modalPanelID').height},#{rich:findComponent('modalPanelID').width});"></a4j:commandLink> - </td> - </tr> - <tr> - <td> - <h:outputText/> - </td> - </tr> + <tbody id="tbodyID"> + <tr> + <td><a4j:commandLink value="getSize" reRender="findID" + onclick="javascript:multiply(#{rich:findComponent('modalPanelID').height},#{rich:findComponent('modalPanelID').width});"></a4j:commandLink> + </td> + </tr> + <tr> + <td><h:outputText /></td> + </tr> </tbody> </h:panelGrid> <br /> <h:outputText value="This is Modal Panel example" styleClass="text1" /> - <h:selectOneMenu value="#{richBean.srcContainer}" > + <br/> + <h:selectOneMenu value="#{richBean.srcContainer}"> <f:selectItems value="#{richBean.listContainer}" /> </h:selectOneMenu> - + <h:inputText value="#{modalPanel.inputTextTest}" /> <h:selectOneListbox value="#{modalPanel.selectOneListboxTest}"> <f:selectItem itemLabel="1" itemValue="1" /> @@ -84,54 +87,86 @@ <f:selectItem itemLabel="3" itemValue="3" /> </h:selectOneListbox> - <f:verbatim><br /><br /></f:verbatim> + <f:verbatim> + <br /> + <br /> + </f:verbatim> <rich:spacer width="20" height="20"></rich:spacer> - <h:outputLink value="http://localhost:8081/jsp/"><f:verbatim>http://localhost:8081/jsp/</f:verbatim></h:outputLink> - <f:verbatim><br /><br /></f:verbatim> - <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;" ><f:verbatim>Close</f:verbatim></h:outputLink> + <h:outputLink value="http://localhost:8081/jsp/"> + <f:verbatim>http://localhost:8081/jsp/</f:verbatim> + </h:outputLink> + <f:verbatim> + <br /> + <br /> + </f:verbatim> + <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;"> + <f:verbatim>Close</f:verbatim> + </h:outputLink> + <br /> </rich:modalPanel> <rich:modalPanel id="modalPanel2ID" autosized="true" resizeable="false"> <br /> <h:inputText value="input"></h:inputText> <br /> - <h:outputLink onclick="Richfaces.hideModalPanel('modalPanel2ID');return false;" ><f:verbatim>Close</f:verbatim></h:outputLink> - <rich:pickList id="pickListID" > + <h:outputLink + onclick="Richfaces.hideModalPanel('modalPanel2ID');return false;"> + <f:verbatim>Close</f:verbatim> + </h:outputLink> + <rich:pickList id="pickListID"> <f:selectItem itemValue="selectItem 0" itemLabel="selectItem 0" /> <f:selectItem itemValue="selectItem 1" itemLabel="selectItem 1" /> <f:selectItem itemValue="selectItem 2" itemLabel="selectItem 2" /> - + </rich:pickList> <br /> <a4j:commandButton reRender="pickListID" value="refresh target"></a4j:commandButton> </rich:modalPanel> - <rich:modalPanel id="modalPanel3ID" minHeight="100" minWidth="200" moveable="true" autosized="true" resizeable="false"> + <rich:modalPanel id="modalPanel3ID" minHeight="100" minWidth="200" + moveable="true" autosized="true" resizeable="false"> <f:facet name="header"> <h:outputText value="Events..." /> </f:facet> <f:facet name="controls"> - <h:commandLink value="Close" onclick="Richfaces.hideModalPanel('modalPanel3ID');" /> + <h:commandLink value="Close" + onclick="Richfaces.hideModalPanel('modalPanel3ID');" /> </f:facet> <h:outputText value="Eventsaaaaaaaaaaaaaaaa ..." /> <rich:calendar popup="true" /> </rich:modalPanel> - - <a onclick="Richfaces.showModalPanel('modalPanelID');" href="#">show ModalPanel 1</a> + + <a + onclick="Richfaces.showModalPanel('modalPanelID');" + href="#">show ModalPanel 1</a> <br /> - <a4j:commandLink onclick="Richfaces.showModalPanel('modalPanel2ID');return false;" value="show ModalPanel 2"></a4j:commandLink> - <f:verbatim><br /></f:verbatim> + <a4j:commandLink + onclick="Richfaces.showModalPanel('modalPanel2ID');return false;" + value="show ModalPanel 2"></a4j:commandLink> + <f:verbatim> + <br /> + </f:verbatim> <h:outputText value="click on image for open Modal Panel 3" /> <h:graphicImage value="/pics/info.gif"> - <rich:componentControl event="onclick" for="modalPanel3ID" operation="show"></rich:componentControl> + <rich:componentControl event="onclick" for="modalPanel3ID" + operation="show"></rich:componentControl> </h:graphicImage> <f:verbatim> - <br /><br /> - <div id="idDiv1" align="center" style="position: relative; font-size: 50px; z-index: 2; color: navy" >z-index1</div> - <div id="idDiv2" align="center" style="position: relative; font-size: 50px; z-index: 2; color: navy">z-index2</div> + <br /> + <br /> + <div id="idDiv1" align="center" + style="position: relative; font-size: 50px; z-index: 2; color: navy">z-index1</div> + <div id="idDiv2" align="center" + style="position: relative; font-size: 50px; z-index: 2; color: navy">z-index2</div> </f:verbatim> </f:subview>