Lightbox Element Element

Home | Getting Started | API | Elements | Actions | Validators | Handlers | Configuration Options | Advanced Guides | Troubleshooting | About

Table of Contents

1 Lightbox Element - #lightbox {}

The lightbox element provides the basics for a Web 2.0 lightbox.

To use, create a lightbox element on your Nitrogen page, and set the body attribute.

When the lightbox is visible, an overlay is placed over the current webpage, and the elements specified in the body are placed in the center of the browser.


#lightbox { id=lightbox1, body=[
  #panel { class=myPanel, body=[
    #h1 { text="Title" },
    "Some body text.",
    #button { text="Close" }


body - (Nitrogen element or list of elements.)
Set the element or elements that will be rendered in the lightbox.

See Also

Date: 2014-11-12 19:51:01 CST

Author: Rusty Klophaus (@rustyio)

Org version 7.8.02 with Emacs version 23

Validate XHTML 1.0


Note:To specify code blocks, just use the generic code block syntax:
<pre><code>your code here</code></pre>

comments powered by Disqus