# Lightbox Element Element

Getting Started | API | Elements | Actions | Validators | Handlers | Configuration Options | About

## Table of Contents

- 1 Lightbox Element - #lightbox {}

## 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

- base element

Date: 2012-10-18 03:25:15 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