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 {