14

I would like to use jQuery Fancybox or Lightbox to load a contact form from a standard link in a web page. I have reviewed the documents at http://fancybox.net/example but the closest option is the iFrame one and it doesn't work with a standard page link.

My heart is not set on using Fancybox so if there is a better way to have the lightbox effect with a contact form I would appreciate someone pointing me in the right direction.

thanks.

forrest
  • 10,570
  • 25
  • 70
  • 132
  • I am using Fancybox for pop-up forms and it's working great. Why weren't you able to use a standard page link? – Sonny Feb 09 '10 at 19:48
  • There is an example here: http://fancybox.net/blog Scroll down to: #5 Display login form works great! – Wiggonator Sep 18 '12 at 15:48

3 Answers3

22

you'll probably want to look into jquery-ui dialog. it's highly customizable and can be made to work exactly like lightbox/fancybox and supports everything you would need for a contact form from a regular link.

there is even an example with a form.

helloandre
  • 10,541
  • 8
  • 47
  • 64
  • 2
    Hey there. I finally had a chance to look at this and it will work perfectly. Thanks for passing it along. – forrest Nov 05 '09 at 13:11
1

Have a look at: Greybox

It's an awesome version of lightbox that supports forms, external web pages as well as the traditional images and slideshows. It works perfectly from a link on a webpage.

You will find many information on how to use Greybox and also some great examples. Cheers Kara

Kara Duncan
  • 61
  • 4
  • Hi, how can I style the formbox, wanted to continue using blueprint css? Also, noticed that it uses iFrames....a way to not use it? – Satchel Nov 25 '09 at 01:27
1

Greybox cannot handle forms inside it on its own. It requires a forms plugin. No iframes or external html files needed. Don't forget to download the greybox.css file too as the page misses that bit out.

Kiss Jquery UI goodbye and a lightbox hello. You can get it here.

desbest
  • 4,746
  • 11
  • 51
  • 84