You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by lo...@apache.org on 2022/07/20 14:03:03 UTC
[myfaces-tobago] branch tobago-5.x updated: demo: Popup markup extraLarge
This is an automated email from the ASF dual-hosted git repository.
lofwyr pushed a commit to branch tobago-5.x
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git
The following commit(s) were added to refs/heads/tobago-5.x by this push:
new 751b10c932 demo: Popup markup extraLarge
751b10c932 is described below
commit 751b10c932d92be2b74901872ff20834c0e2082d
Author: Udo Schnurpfeil <ud...@irian.eu>
AuthorDate: Wed Jul 20 15:36:27 2022 +0200
demo: Popup markup extraLarge
issue: TOBAGO-2151
---
.../src/main/webapp/content/060-popup/Popup.xhtml | 16 ++++++++++++++--
1 file changed, 14 insertions(+), 2 deletions(-)
diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/060-popup/Popup.xhtml b/tobago-example/tobago-example-demo/src/main/webapp/content/060-popup/Popup.xhtml
index 65a34caaf6..909ee9550f 100644
--- a/tobago-example/tobago-example-demo/src/main/webapp/content/060-popup/Popup.xhtml
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/060-popup/Popup.xhtml
@@ -122,9 +122,13 @@
<tc:section id="markup" label="Markup">
<p>The width of the popups can be changed by markups.</p>
- <p><code class="language-markup"><tc:popup ... markup="large"></code> or
- <code class="language-markup"><tc:popup ... markup="small"></code></p>
+ <p><code class="language-markup"><tc:popup ... markup="extraLarge"></code> or
+ <code class="language-markup">"large"</code> or
+ <code class="language-markup">"small"</code></p>
<tc:button id="dropdownButton" label="Open" omit="true">
+ <tc:link id="extraLargePopupLink" label="Extra Large Popup" omit="true">
+ <tc:operation name="show" for="extraLargePopup"/>
+ </tc:link>
<tc:link id="largePopupLink" label="Large Popup" omit="true">
<tc:operation name="show" for="largePopup"/>
</tc:link>
@@ -132,6 +136,14 @@
<tc:operation name="show" for="smallPopup"/>
</tc:link>
</tc:button>
+ <tc:popup id="extraLargePopup" collapsedMode="hidden" markup="extraLarge">
+ <tc:box label="Extra Large">
+ <p>A popup with markup <code>extraLarge</code>.</p>
+ <tc:button id="closeExtraLargePopup" label="Close" omit="true">
+ <tc:operation name="hide" for="extraLargePopup"/>
+ </tc:button>
+ </tc:box>
+ </tc:popup>
<tc:popup id="largePopup" collapsedMode="hidden" markup="large">
<tc:box label="Large">
<p>A popup with markup <code>large</code>.</p>