PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

image thumbnails for HTML checkbox items - when image is clicked, open lightbox

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Samantha
    Member

    Hello,

    Code below does not work.
    <img src="http://avecsion.com/img/catalog/suit/patterns/06539_4B.png" rel="prettyPhoto" title="This is the description">

    Posted 12 years ago on Wednesday January 11, 2012 | Permalink

  2. Rob Harrell
    Member

    Can you post a link to your form for us.

    Posted 12 years ago on Wednesday January 11, 2012 | Permalink

  3. Samantha
    Member

    which address to send my login? (it is under maintenance mode)

    2. need check boxes to be multicolumn (cannot find css rules)

    Posted 12 years ago on Wednesday January 11, 2012 | Permalink

  4. Rob Harrell
    Member

    You can find our ready classes here:

    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    You can email me a login to rob@rocketgenius.com and I'll see what I can do.

    Posted 12 years ago on Thursday January 12, 2012 | Permalink

  5. Samantha
    Member

    Login sent. Thank you!

    Re: CSS. There are 4 cols but it looks a bit off. Form called 'Order Form'.

    Posted 12 years ago on Thursday January 12, 2012 | Permalink

  6. Rob Harrell
    Member

    Got the login info and I see your form in the admin, but how or where do I go to view this on the site itself?

    Posted 12 years ago on Thursday January 12, 2012 | Permalink

  7. Samantha
    Member

    http://is.gd/4dzo7t

    'Order Form' is embedded via GF addon for woocommerce.

    Observation: the field with HTML images cannot be duplicated.

    Posted 12 years ago on Thursday January 12, 2012 | Permalink

  8. Rob Harrell
    Member

    OK, got it working. Your theme already has fancybox.js included, which is what your other product pages seem to be using. So I stuck with that. If you go into the Order Form and look at the 3rd item in the line, you'll see what I did. You should be able to just replicate that as you see fit.

    For the column issue, this should fix that, if you want to place this into your theme's stylesheet:

    [css]
.gchoice_7_5 {
clear: both;
}
    Posted 12 years ago on Thursday January 12, 2012 | Permalink

  9. Samantha
    Member

    1. Got the spacing worked out! Thanks!
    2. The form did not update with your code in it. Here's what happened (I think).. I had the Order Form open when you were making changes. I see the fancy box working on the front end this morning but when I look at the form in the backend (still open from last night), there weren't any visible changes in the code like you mentioned. I cleared cache and apparently because the form was open, it must have saved the form as I had it on my browser. Long story short, can you please redo the code again? form closed now :)
    fyi the theme is also using prettyphoto for images in pages.

    Thanks you for your help!

    Posted 12 years ago on Thursday January 12, 2012 | Permalink

  10. Rob Harrell
    Member

    OK, back in action. Take a look now. Should be the 3rd item in the checklist as the example.

    Posted 12 years ago on Thursday January 12, 2012 | Permalink

  11. Samantha
    Member

    Thank you!!!

    Posted 12 years ago on Friday January 13, 2012 | Permalink

  12. Rob Harrell
    Member

    Awesome, glad to help out!

    Posted 12 years ago on Friday January 13, 2012 | Permalink

This topic has been resolved and has been closed to new replies.