Wiki source code of Modal Popup UI Component
Version 1.3 by Silvia Macovei on 2010/01/06
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | |||
| 2 | {{warning}} | ||
| 3 | This tutorial is a work in progress. | ||
| 4 | {{/warning}} | ||
| 5 | {{toc/}} | ||
| 6 | {{info}} | ||
| 7 | This is a Javascript widget bundled by default with the XWiki platform. | ||
| 8 | {{/info}} | ||
| 9 | =Usage= | ||
| 10 | |||
| 11 | The Modal Popup is a widget used as a base class for different modal widgets in XWiki, like the [[Confirmation Box>>DevGuide.ConfirmationBox]] or the Jump To Page widget. It will not display a dialog box since it should not be used by itself. | ||
| 12 | |||
| 13 | =Constructor fields for the **ModalPopup** Javascript class= | ||
| 14 | ; content | ||
| 15 | : Object that defines the content of the modal dialog. | ||
| 16 | ; shortcuts | ||
| 17 | : Object that defines the shortcuts that will pop up the dialog. | ||
| 18 | ; options | ||
| 19 | : Object that defines the options for the modal dialog: //title//, //displayCloseButton//, //screenColor//, //borderColor//, //titleColor//, //backgroundColor//, //screenOpacity//, //verticalPosition// and //horizontalPosition//. | ||
| 20 | |||
| 21 | =Examples= | ||
| 22 | |||
| 23 | Widgets bundled by default with XWiki build on top of the Model Popup class: | ||
| 24 | * [[Confirmation Box>>DevGuide.ConfirmationBox]] widget | ||
| 25 | * Jump to page widget (for tag xwiki-web-2.0): [[http://svn.xwiki.org/svnroot/xwiki/platform/web/tags/xwiki-web-2.0/standard/src/main/webapp/resources/js/xwiki/widgets/jumpToPage.js]] | ||
| 26 | |||
| 27 | =Tips= | ||
| 28 | |||
| 29 | Check out the Javascript code: | ||
| 30 | * for your wiki instance: **{{{http://localhost:8080/xwiki/bin/skin/resources/js/xwiki/widgets/modalPopup.js}}}** | ||
| 31 | * from svn (for tag xwiki-web-2.0): [[http://svn.xwiki.org/svnroot/xwiki/platform/web/tags/xwiki-web-2.0/standard/src/main/webapp/resources/js/xwiki/widgets/modalPopup.js]]. | ||
| 32 | |||
| 33 | Check out the CSS code: | ||
| 34 | * for your wiki instance: **{{{http://localhost:8080/xwiki/bin/skin/resources/js/xwiki/widgets/modalPopup.css}}}** | ||
| 35 | * from svn (for tag xwiki-web-2.0): [[http://svn.xwiki.org/svnroot/xwiki/platform/web/tags/xwiki-web-2.0/standard/src/main/webapp/resources/js/xwiki/widgets/modalPopup.css]]. |
