[richfaces-svn-commits] JBoss Rich Faces SVN: r6987 - in trunk/samples/richfaces-demo/src/main/webapp: richfaces/modalPanel and 1 other directories.

Author: dsvyatobatsko Date: 2008-03-20 08:05:12 -0400 (Thu, 20 Mar 2008) New Revision: 6987 Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/examples/mpusage.xhtml trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml Log: RF-2622 Demo site: corrections of Modal Panel demo layout Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/examples/mpusage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/examples/mpusage.xhtml 2008-03-20 09:30:57 UTC (rev 6986) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/componentControl/examples/mpusage.xhtml 2008-03-20 12:05:12 UTC (rev 6987) @@ -19,11 +19,10 @@ <h:outputText value="This panel is called using Component Control Component"></h:outputText> <br/> <h:outputText value="Closure link (X) works also through Component Control"></h:outputText> - </rich:modalPanel> - <rich:spacer height="10px" width="100%"/> + </rich:modalPanel> <h:outputLink value="#" id="link"> Show Modal Panel <rich:componentControl for="panel" attachTo="link" operation="show" event="onclick"/> </h:outputLink> - <rich:spacer height="10px" width="100%"/> + <br/><br/><br/> </f:subview> \ No newline at end of file Modified: trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml 2008-03-20 09:30:57 UTC (rev 6986) +++ trunk/samples/richfaces-demo/src/main/webapp/richfaces/modalPanel/usage.xhtml 2008-03-20 12:05:12 UTC (rev 6987) @@ -11,32 +11,34 @@ <p>RichFaces Modal Panel is a container that blocks an operation on the base page when the modal panel is shown.</p> - <p>You can show the modal panel using the following javascript function: Richfaces.hideModalPanel(id, params). - For example, this line code invokes the modal panel: - <a href="javascript:Richfaces.showModalPanel('mp',{width:450, top:200})"> - Richfaces.showModalPanel('mp',{width:450, top:200})</a></p> - <div class="sample-container"> - - <ui:include src="/richfaces/modalPanel/examples/simplePanel.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/modalPanel/examples/simplePanel.xhtml"/> - <ui:param name="openlabel" value="View Page Source" /> - </ui:include> - - </div> + <p>You can show the modal panel using the following javascript function: Richfaces.hideModalPanel(id, params).</p> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Example 1</legend> + <div class="sample-container"> + This line code invokes the modal panel:<br/> + <a href="javascript:Richfaces.showModalPanel('mp',{width:450, top:200})"> + Richfaces.showModalPanel('mp',{width:450, top:200})</a><br/><br/><br/> + <ui:include src="/richfaces/modalPanel/examples/simplePanel.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/modalPanel/examples/simplePanel.xhtml"/> + <ui:param name="openlabel" value="View Page Source" /> + </ui:include> + </div> + </fieldset> <p> Modal Panel could be also managed with <b>rich:componentControl</b> component. Next example shows the code which should be used: </p> - <div class="sample-container"> - - <ui:include src="/richfaces/componentControl/examples/mpusage.xhtml"/> - <ui:include src="/templates/include/sourceview.xhtml"> - <ui:param name="sourcepath" value="/richfaces/componentControl/examples/mpusage.xhtml"/> - <ui:param name="openlabel" value="View Page Source" /> - </ui:include> - - </div> + <fieldset class="demo_fieldset"> + <legend class="demo_legend">Example 2</legend> + <div class="sample-container"> + <ui:include src="/richfaces/componentControl/examples/mpusage.xhtml"/> + <ui:include src="/templates/include/sourceview.xhtml"> + <ui:param name="sourcepath" value="/richfaces/componentControl/examples/mpusage.xhtml"/> + <ui:param name="openlabel" value="View Page Source" /> + </ui:include> + </div> + </fieldset> <p>The modal panel has an absolute layout.There is no reason to put in on the page where it is called.If you want to perform submits from this modal panel, you should have a separate form inside it. In this case, the panel must be declared outside of the other form on the same page. Modified: trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml =================================================================== --- trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2008-03-20 09:30:57 UTC (rev 6986) +++ trunk/samples/richfaces-demo/src/main/webapp/templates/include/sourceview.xhtml 2008-03-20 12:05:12 UTC (rev 6987) @@ -5,10 +5,6 @@ xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> <ui:composition> - - - - <rich:spacer height="8" width="100%"/> <script> //<![CDATA[ @@ -40,7 +36,7 @@ } .viewsourcelooklink { - padding-left: 5px; font-size: 11px; cursor: pointer; color: #7795AF; font-family: Verdana; text-decoration: underline + padding-left: 0px; font-size: 11px; cursor: pointer; color: #7795AF; font-family: Verdana; text-decoration: underline } .viewsourcehidelink {