Hi Paul,

Are you using the form in an iframe in the FancyBox? I had issues with that a while back if it wasn't in an iframe. When we just had the form on the page, the code that was moving the form into the popup div was causing some wierd issues with layout and functionality.

Thanks for replying back Tim. Basically am using the "inline" function. 

HTML for call to action

<p class="center">
  <a href="#form" id="inline" class="link">
    <umbraco:Item field="claimYourGift" TextIfEmpty="Claim Your Gift" runat="server" />
  </a>
</p>

Html for displaying form

<div style="display:none;">
    <div id="form">
      
        <form runat="server">
          <asp:ScriptManager runat="server" />
          <asp:UpdatePanel runat="server">
            <ContentTemplate>
              <asp:ContentPlaceHolder Id="form" runat="server">
                <!-- Insert default "form" markup here -->
              </asp:ContentPlaceHolder>
          </ContentTemplate>
          </asp:UpdatePanel>
        </form>
      
  </div>
</div>

JQuery function

$(document).ready(function () {
    $(".link").fancybox({
        'overlayShow': false,
        'transitionIn': 'elastic',
        'hideOnContentClick': false,
        'autoScale'      : true,
        'transitionOut': 'elastic',
        'speedIn': 1500
    });
});

Mean previously before I didnt use the "update:panel" it would close the fancybox, but the function would work perfect, but with the update panel, it does what its suppose to do visually, show a thank you message in the current fancybox window, but it sends duplicate emails. 

Does this mean or help anything? Am a missing anything..

Kind Regards

Paul

Forgot to say all the html is running from the one page. theres no iframes. 

I gues you are having trouble with forms within forms - try removing the 

<form runat="server">

and see if it helps..

I'm experiencing the exact same problem as Paul, Has anyone found a solution yet?

Fixed and super proud at myself.

Here's how:

I switched from an inline form to an iframe.

$(document).ready(function() 
    {
      redirectLink = "myiframe.html"; //link to the iframe
      
      /* This is basic - uses default settings */
      $("a.lightbox").fancybox({
        'type': 'iframe',
        'href': redirectLink
      });
     });

You also have to make an extra page to use as an iframe.

on the thank you page. Or wherever you're contour form directs you to. Set a breakout script at the top of the page. to get out of the iframe

<script type="text/javascript">
    <!--
        if (top.location!= self.location) {
            top.location = self.location.href
        }
    //-->
</script>

is working on a reply...