cheeseshark

I think you misunderstood what I was asking.

What I am looking to do is ONLY display the week beginning May 17th and not allow it to be changed to a different week.

I am sorry if I was not clear in my request.

@theirbox

Any conditional logic you use within the form is specific to the field you set it for. The only form wide conditional logic is on the submit button (show or not show based on a field entry).

I use conditional logic to show/hide fields in the form based on the entry in another field in the form.

Why did you add the div code to the style.css … you should add it right to the page code unless of course you want it to be site wide instead of page specific.

jamarwright,

You are have the style setting on the link, not on the div …

Try this :

<a href="#fancyboxID-1" class="fancybox-inline">contact the Curator of Education</a>

<div class="fancybox-hidden" style="display: none;">
  <div id="fancyboxID-1" style="width: 500px; height: 800px;">
    [gravityform id="8" ajax="true"]
  </div>
</div>

What are you using to launch the lightbox?

I’m making an assumption based on what I can see on your site. Under the “Forms” heading, you have a number of forms listed as text on the page. Should these be links to open the individual form? or do you have those links in another place?

If they should be the link to open the form, you will want to build your link in the following manner (in place of the text):

<a href="#fancyboxID-1" class="fancybox-inline">Pet Care Service Agreement</a>

I found that I had to configure each link with it’s own <a> and <div> to get it to work the way I intended. I have 7 different forms that I display, and with that comes 7 different <div> and 7 different <a> configurations. I build the <a> on the fly replacing the ? “#fancyboxID-?” with the form number and then match it in the <div id ="fancyboxID-?"> with the form number as well. Your forms are static, so you won’t have to build the links on the fly.

When that link is clicked on, it will fire off the code below:

<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" style="width:800px;height:425px">
<?php

        $gfsc = '[gravityform id="1" ajax="true"]';
        echo do_shortcode($gfsc);
?>
</div></div>

I apologize that I previously stated you needed to do “iframe”, when in fact it is “inline”.

If I remember correctly, I struggled with this as well.

I have my link attached to a button image instead of a straight link, but it should work the same.

QuirkyGirlie,

I ran into the same issue as you in which the Gravity Forms shortcode wasn’t being called from the fancybox.

My code is as follows:

<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" style="width:800px;height:425px">
<?php
        $vcl_c = '526';
        $gfsc = '[gravityform id="1" ajax="true" field_values="fc_itemID='.$vcl_c.'"]';
        echo do_shortcode($gfsc);
?>
</div></div>

basically what you are missing (that I have in my code) is building the shortcode in a string, then calling it using a “do_shortcode()” function.

Give that a try and see if that works for you. Also, you need to call your fancybox in an iframe (make sure you have iframe ticked on in the settings.

My call looks like this :

<a href="#fancyboxID-'.$org_link.'" class="fancybox-inline">

$org_link is my GF form number (each form has its own ‘<div>’ setup.

I hope this helps.

So the form is in fact living on another page and you are linking to that page with class=”fancybox-iframe” to make it open in the lightbox?

The content is loaded via a shortcode … I am not lightboxing another page on the site.

<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" style="width:800px;height:425px">
<?php
        $vcl_c = '526';
        $gfsc = '[gravityform id="1" ajax="true" field_values="fc_itemID='.$vcl_c.'"]';
        echo do_shortcode($gfsc);
?>
</div></div>