WordPress.org

Ready to get started?Download WordPress

Forums

Collapse-O-Matic
[resolved] Collapse-o-matic and Contact Form 7 - incompatible? (6 posts)

  1. circey
    Member
    Posted 1 year ago #

    I'm trying to use c-o-m in a Contact Form 7 form. I have used the shortcodes, but the shortcodes display in the page as [expand title="Title Here"] and [/expand].

    The jquery is definitely being loaded and I've tested the shortcodes in another page, which create the collapse div correctly, so I am assuming that the two plugins do not play together.

    Is this correct?

    MTIA.

    http://wordpress.org/extend/plugins/jquery-collapse-o-matic/

  2. circey
    Member
    Posted 1 year ago #

    Nevermind. I worked it out. Using classes & id, I got it working as follows:

    <span class="collapseomatic" id="id8000" title="1. Select your version">1. Select your website style</span>
    <div id="target-id8000" class="collapseomatic_content " style="display:none">
    [radio radio-525 use_label_element id:style-one "One" "Two" "Three" "Four" ]
    </div>
  3. circey
    Member
    Posted 1 year ago #

    Resolved.

  4. breeze76
    Member
    Posted 1 year ago #

    I know this has resolved on it BUT...

    circey,
    I am trying to use this within Contact Form 7 as well.. I am not much at a coder but I see you have figured the issue out.

    I see your code above, but not sure what to do with it and if that is all that I would need to do. Any help wold be greatly appreciated...

  5. skippywp
    Member
    Posted 1 year ago #

    breeze76,
    I am newbie to both these plugins, but I got collapse-o-matic to work with contact form 7. When I first added collapse-o-matic code, it wasn't collapsing, but when I came back to it a few days ago, it worked. Must be a caching issue.

    Anyway here is how I did it. It's in a widget with no other code other than shown below.

    <div style="font-size:18px;">Sign up for my monthly newsletter</div>
    
    [expand title="trigger text"]
    [contact-form-7 id="11" title="Contact form 1"]
    [/expand]

    I hope that helps.

  6. breeze76
    Member
    Posted 1 year ago #

    Thanks skippywp.. I used the code from circey and worked great.. but decided not to use it in the form.. but have it on file if I change my mind.. thanks again.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic