Show last authors
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]].

Get Connected