Title: [Plugin: Lightbox Plus]Inline
Last modified: August 20, 2016

---

# [Plugin: Lightbox Plus]Inline

 *  [silver163](https://wordpress.org/support/users/silver163/)
 * (@silver163)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/plugin-lightbox-plusinline/)
 * I read their documentation about creating inline lightboxes but I really still
   having a hard time understanding how the get it working:
 * [http://www.23systems.net/plugins/lightbox-plus/demos/](http://www.23systems.net/plugins/lightbox-plus/demos/)
 * I find their documentation atrocious, their examples aren’t the same as what 
   they post as the code. Has anyone posted the inline? I got a price table I would
   like to put in there. Please help.

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [silver163](https://wordpress.org/support/users/silver163/)
 * (@silver163)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/plugin-lightbox-plusinline/#post-2484316)
 * anyone?
 *  [Dan Zappone](https://wordpress.org/support/users/dzappone/)
 * (@dzappone)
 * [14 years, 4 months ago](https://wordpress.org/support/topic/plugin-lightbox-plusinline/#post-2484340)
 * Well really there is no documentation. I haven’t every really written any to 
   encompass the newer features. The forthcoming release of 2.5 should have more
   robust examples and documentation. Which examples aren’t the same as the used
   code so I can address those?
 * **Using Inline Lightboxes**
 * Inline lightboxes are used to display content that exists on the current page.
   It can be used to display a form, video or any other content that is contained
   on the page. In order to display inline content using Lightbox Plus and Colorbox
   you must at a minimum has the following items set: Link Class, Content ID, Width,
   Height, and Opacity.
 * _Example_
 * The following example shows how to setup content for display in a lightbox. You
   will need to create a link to the content that contains a class that has the 
   same value as the Link Class for the inline lightbox you are using.
 * `<a class="lbp-inline-link-1" href="#">Inline HTML Content</a>`
 * You will also need to set up a div element to contain you content. The div element
   that contains the content must contains have and id with a value of the Content
   ID for the inline light box you are using. Finally if you want the content to
   be hidden until the visitor clicks the link, wrap the content div with another
   div and set the value for style to display:none or assign a class that has display:
   none for a property
 *     ```
       <div style="display:none">
           <div id="lbp-inline-href-1" style="padding: 10px;background: #fff">
               Inline Content Goes Here
           </div>
       </div>
       ```
   
 *  [boobymonster](https://wordpress.org/support/users/boobymonster/)
 * (@boobymonster)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-lightbox-plusinline/#post-2484548)
 * Well that’s incorrect cause you also need this code:
 *     ```
       <script type="text/javascript">
       jQuery(document).ready(function($){
         $("a[rel*=lightbox]").colorbox({initialHeight:"400", maxWidth:"80%",maxHeight:"80%",opacity:0.8});
         $(".lbpModal").colorbox({innerWidth:"50%",innerHeight:"50%",maxWidth:"80%",maxHeight:"80%",opacity:0.8, iframe:true});
         $(".lbp-inline-link-1").colorbox({width:"50%", height:"50%", inline:true, href:"#lbp-inline-href-1"});
         $(".lbp-inline-link-2").colorbox({width:"50%", height:"50%", inline:true, href:"#lbp-inline-href-2"});
         $(".lbp-inline-link-3").colorbox({width:"50%", height:"50%", inline:true, href:"#lbp-inline-href-3"});
       });
       </script>
       ```
   

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Plugin: Lightbox Plus]Inline’ is closed to new replies.

 * 3 replies
 * 3 participants
 * Last reply from: [boobymonster](https://wordpress.org/support/users/boobymonster/)
 * Last activity: [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-lightbox-plusinline/#post-2484548)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics