WordPress.org

Ready to get started?Download WordPress

Plugin Directory

jellybox

jellybox provides a simple to use shortcode that allows you to apply rotations and/or animations to text, images and boxes.

How can I place a Contact Form inside a jellybox?

Some contact forms cause the jellybox to close when entering the fields or pressing the submit button. A work around for this is to place a header line at the top of the jellybox that controls the opening and closing of the box. Here is an example that uses a Contact Form 7 inside a jellybox

[jellybox class="jellyboxGreen" width="100" height="20" deltawidth="350" deltaheight="700" deltatop="-400" gospeed="500" returnspeed="100" target="boxtrigger"]
<div id="boxtrigger">Contact us
<div style="float:right;">
<span style="color:#ffffff;">[X]</span>
</div>
</div>
[contact-form-7 id="152" title="Contact form 1"]
[/jellybox]

This example creates an [X] in the upper right hand corner of the box. Clicking anywhere on the title line or the [X] cause the jellybox to open or close as expected.

Where can I find additional FAQs for jellybox?

The 'live' site for documentation, FAQs and comments for jellybox is http://www.jellyrobotics.com/2013/02/09/jellybox-shortcode-wordpress-plugin/

Where can I find some examples?

Detailed examples can be found at http://www.jellyrobotics.com/2013/02/09/jellybox-shortcode-wordpress-plugin/

Some of my boxes have a line spaces above them

This is an issue with the wordpress wpautop() function and certain themes. The workaround for this issue has been to insert a div tag above the affected jellybox with a bottom margin that will offset the P tag added by wpautop()

Requires: 3.5.1 or higher
Compatible up to: 3.9.2
Last Updated: 2014-4-21
Downloads: 3,034

Ratings

5 stars
5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,1,1
100,1,1
100,1,1