# vim: sw=3 ts=3 ft=org

#+TITLE: Lightbox Element Element
#+STYLE: <LINK href='../stylesheet.css' rel='stylesheet' type='text/css' />
#+AUTHOR: Rusty Klophaus (@rustyio)
#+OPTIONS:   H:2 num:1 toc:1 \n:nil @:t ::t |:t ^:t -:t f:t *:t <:t
#+EMAIL: 
#+TEXT: [[file:../index.org][Getting Started]] | [[file:../api.org][API]] | [[file:../elements.org][*Elements*]] | [[file:../actions.org][Actions]] | [[file:../validators.org][Validators]] | [[file:../handlers.org][Handlers]] | [[file:../config.org][Configuration Options]] | [[file:../about.org][About]]

* 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

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

** Attributes

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

** See Also

   + [[./base.html][base element]]

 
