Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter mev9669

    (@mev9669)

    Great that it worked for you. What I did was
    1. Created a template with no header and footer.
    2. Then created pages for each form that I want to load in the lightbox.
    3. Assigned the blank template to the form pages I created.
    4. Put the iframe link to be loaded inside the lightbox.

    Read the article from the link I sent earlier.

    Thread Starter mev9669

    (@mev9669)

    Are you trying to load it in lightbox?

    Thread Starter mev9669

    (@mev9669)

    After struggling for ages I managed to found a solution.

    Look at the following article.
    contact form 7 article

    The issue I had was because wp-footer() was missing on my page template.

    Add this code to your page template

    <?php echo do_shortcode( '[property_search]') ?>

    Hi,

    A bit to late. but I tried to modify the plugin a bit to add this functionality. There might be a better way or you may be able to improve this code.

    Add the below css to your stylesheet

    .collapseomatic {
    display: block;
    width:95%;
    }

    .expand-title{
    background-image:url(/wp-content/uploads/2013/04/down-arrow.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    height:24px;
    }

    .collapse-title{
    background-image:url(/wp-content/uploads/2013/04/up-arrow.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    height:24px;
    }

    Now in the plugin folder, edit the faq.init.js file and replace the boom_goes_the_dynamite() function

    function boom_goes_the_dynamite() {
    
    		var speed_v = jQuery('div.faq-list').data('speed');
    		speed		= (speed_v)		? speed_v		: 200;
    
    		jQuery('div.expand-faq').each(function() {
    			jQuery(this).find('div.faq-answer').hide();
    		});
    
    		jQuery('.expand-title').click(function (event) {
                    var faq = jQuery(this).attr('id');
                    var h4WithClass = jQuery(this).attr('id');
    		jQuery('div.expand-faq').each(function() {
    			var current =  jQuery(this).attr('id')  ;
    			if (current!= h4WithClass)
    			{
    			jQuery(this).find('#'+current).removeClass('collapse-title');
    			jQuery(this).find('div.faq-answer').hide();
    			}
    		});
                    jQuery(this).toggleClass("collapse-title");
    			jQuery('div.faq-list').find('div.faq-answer[rel="' + faq + '"]').slideToggle(speed);
    			jQuery('div.faq-list').find('div.faq-answer').not('[rel="' + faq + '"]').hide(speed);
    		});
    
    	}
Viewing 5 replies - 1 through 5 (of 5 total)