Latest release: 1.1 (October 10, 2011)
Simple Modal is designed to be an easy to implement modal dialog for your wordpress site. It allows you to put any content in a modal dialog box or a “lightbox” if you will.
Usage
[sm]Some text, HTML, or shortcode[/sm]
Examples
Simple implementation
[sm link="Click Me!"]This is my content[/sm]
Click Me!
Change background color and transparency
[sm color="#2B83C2″ transparency="80″ link="Click Me!"]This is my content[/sm]
Click Me!
Timeout with custom styling of the dialog box
[sm timeout="3″ position="top center" width="100″ style="border:1px solid #000000; background-color:#2B83C2; color:#ffffff;" link="Click Me!"]This is my content[/sm]
Click Me!
Properties
hidden
Hides the dialog content. If set to false, it is inserted in a div tag after the linkDefault: true
Type: Boolean
transparency
Sets the level of transparency of the background color. 0 – 100Default: 60
Type: Integer
width
sets the width (in pixels) of the dialog box. Overrides the style propertyDefault: 525
Type: Integer
timeout
The amount of time in seconds before the dialog box disappears. When set to 0 timeout is disabled.Default: 0
Type: Integer
style
Allows you to style the dialog box using CSS. Applies the style to a custom class and applies it to the box. Replaces default styling.Default: “”
Type: String
position
Sets the position of the dialog box. Accepts commands such as “center”, “top left”, “center bottom”, and “100px 200px”. Always format the string as “x y”Default: “center”
Type: String
color
Sets the background colorDefault: “#000000″
Type: String
link
Sets the content of the link which will be used to trigger the dialog box. Accepts any HTML.Default: “My simpleModal Content”
Type: String
close_button
Allows you to add a close button to the dialog box. Set to tr, tl, bl, or br for the appropriate corner.Default: “hidden”
Type: String
Changelog
1.0
- Initial release!
