popBox

popBox is a fully responsive Info Display Lightbox stack.


Table of Contents



Back to Top


Directions


popboxRW

There are four empty slots available upon Stack attachment. Place your desired content as a targeted selector for the popBox on the top slot. Place your desired dialog box content onto the bottom three slots.



Back to Top


General Controls

General controls dictate the overall styling of popBox.


Close Image Type

Decide between traditional images or Font Awesome icons for the close icon in popBox.

Width Use %

By enabling this, the width of the dialog box will be rendered as percentage-based. Otherwise, popBox will determine the width based on pixels.

Max Inner Height

Adjust the height size of popBox’s general content area.

Mobile Height

Adjust the mobile height size of popBox’s general content area.

Header On

Enable header for popBox.

Footer On

Enable footer for popBox.

Z Index

Adjust the z-index of popBox.


Back to Top


Color Controls

Color controls dictate color styling specific to popBox.


Opacity Dark

Exchange background overlay of popBox to dark.

Overlay Opacity

Adjust the opacity of the overlay. Measured in percentage.

Header Text

Adjust the color of the header text.

Description Text

Adjust the color of the description text.

Footer Text

Adjust the color of the footer text.

Header Background

Adjust the color of the header background.

Header Border

Adjust the color of the header border.

Content Background

Adjust the color of the content background.

Content Border

Adjust the color of the content border.

Footer Background

Adjust the color of the footer background.

Footer Border

Adjust the color of the footer border.

Close Button

Adjust the color of the close button. This option applies only on Close Image Type: Font Awesome.


Back to Top


Changelog

v2.2.4 (July 12, 2014)

  • Z Index option independency among multiple Stacks
  • Overlay background restored from scintillation

v2.2.3 (May 13, 2014)

  • Width checkbox to change between pixels or percentage
  • Mobile height control for inner section
  • Improved customization section

v2.2.0 (May 7, 2014)

  • Mobile display added (480px or smaller)
  • Z Index controls added
  • Added min/max widths to various elements to help with sizing controls
  • Cleaned up code

v2.1.7 (April 28, 2014)

  • Customization over max width
  • Customization over center sections max height
  • Option to turn header off
  • Option to turn footer off
  • Automatic centering for various widths
  • Shortened code

v2.0.0 (April 24, 2014)

  • Reduced to a single stack
  • Automatic vertical centering
  • Improved browser support
  • Customizable close icon (can be image or font awesome)
  • Text color control (header, main, footer)

v1.0.3 (December 10, 2013)

  • Z-index adjusted to reduce overlapping issues

v1.0.2 (August 14, 2013)

  • SPARKLE added
  • Inner Stack Text Editing Issue Fixed
  • Snippet added to target specific words in text