ModalBox Application

ModalBox Application

Integration of wildbit's modal box in XWiki

The Modal Box Application is a UI component that integrate http://www.wildbit.com/labs/modalbox/ in XWiki for developers to reuse in their application.

How to use

Download and install the application XAR in your wiki. Then, on any page you with to use modal box, include the proper scripts using the following statements :

#set($ok = $xwiki.jsfx.use("js/scriptaculous/scriptaculous.js")) ## only starting with XWiki 1.8 - present by default before
#set($ok = $xwiki.jsx.use("XWiki.ModalBox"))
#set($ok = $xwiki.ssx.use("XWiki.ModalBox"))

You can then use all APIs provided by the modal box component. The full documentation is available at http://code.google.com/p/modalbox/wiki/MethodsReference

For example :

1.1 Click the link below for a demo of the Modal Box

<a href="$xwiki.getURL('Sandbox.TableTraining','view','xpage=plain')" title="Simple form" onclick="
Modalbox.show(this.href, {width:1000, title: 'my title'}); return false; ">Test modal box</a>

Result

Here is a screenshot the modal box default style. Of course, it can be modified using CSS styles.