Lightbox Element Element

Home | Getting Started | API | Elements | Actions | Validators | Handlers | Configuration Options | Plugins | Mobile | 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.

Usage

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

Attributes

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

See Also

Date: 2013-10-03 13:41:39 CDT

Author: Rusty Klophaus (@rustyio)

Org version 7.8.02 with Emacs version 23

Validate XHTML 1.0

Comments

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


comments powered by Disqus