PopUp like lightbox

Hello!

Believe me, I've searched for a lot of time, but I couldn't find any answer. I've used this http://www.chronoengine.com/forums.html?cont=posts&f=5&t=12687 but it wasn't what I wanted.

I want when I choose a link to have the form -only the form, and not the entire site- into a like-lightbox popUp.

I have a WebRadio, so I want to give the users the ability to send me a form for, for example, what song they want to hear, without opening an entire new page.

Thanks very much.

Best regards.

Check out this plugin.
http://extensions.joomla.org/extensions/style-a-design/popups-a-iframes/4277

Add class="modal" to your custom links after installing and enabling the plugin and you should be good to go. - this will keep the template.

OR

Add &tmpl=component to the form url in your custom link - this will remove the template from being used inside the pop-up.

Example:

index.php?option=com_chronocontact&chronoformname=your_form_name&tmpl=component

If you have problems with validation afterward see here.
http://chronoengine.com/forums/index.php?option=com_chronoforums&cont=posts&f=2&t=19633

I hope this solves your problem.

Hi giorgios147,

That's pretty much it.

Bob

PS This is explained in more detail in Chapter 12 of The ChronoForms Book

Hello again guys!

Thanks for your answers!

Ahm, I've tried everything, but I can't get it to work 😟

Could you give me further information please?

Thanks in advance!

Hi giorgios147,

Ok - what code are you trying to use now?

Bob

Hello Bob!

Basically I don't know what to doface-meh-blank

I installed modalizer, but after this, I don't know what's the next step and I am doing anything that comes to my mind. 😑

Hi giogios147,

a) Disable the modaliser plugin (not required for the moment)

b) Add this to your form HTML

<?php
if ( !$mainframe->isSite() ) { return; }
JHTML::_('behavior.modal') 
?>

Where you want to call the image add a link like this

<a class="modal" href="index.php?option=com_chronocontact&chronoformname=my_form_name&tmpl=component" rel="{handler: 'iframe', size: {x: 400, y: 400}}">Link text</a> 

but replace my_form_name with the name of your form and the x; and y: dimensions with the size for the modal box.

Bob

PS This is explained in more detail in Chapter 12 of The ChronoForms Book

Thank you Bob! Thank you very, very much!

It worked!😀

Now, how can I make the form to show the confirmation message (On Submit code - after sending email) and after, for example 3 seconds close the window-popUp?

Hi giorgos147,

If you put the form submit URL (with &task=send in it) into the OnSubmit box and add &tmpl=component to the end then the Thank You page will show without the template.

I've no idea how to close the window after 3 seconds though. It's probably possible if you check the modal window docs.

Bob

Sorry for re-iterating the common question, but this is not working for me...
I did EXACTLY the same as you wrote, Bob (except for the fact that I don't have any plugin disabled or even installed). The only change was the form's name.

Finally, after clicking the link, the form DOES show, but NOT in the light-box - just the form without the template...

a) Disable the modaliser plugin (not required for the moment)

b) Add this to your form HTML
CODE: SELECT ALL
<?php
if ( !$mainframe->isSite() ) { return; }
JHTML::_('behavior.modal')
?>


Where you want to call the image add a link like this
CODE: SELECT ALL
<a class="modal" href="index.php?option=com_chronocontact&chronoformname=my_form_name&tmpl=component" rel="{handler: 'iframe', size: {x: 400, y: 400}}">Link text</a>
but replace my_form_name with the name of your form and the x; and y: dimensions with the size for the modal box.

Hi Grunge,

Please post a link to the form so we can take a quick look. There is probably something amiss with the JavaScript setup.

Bob

Bob, thanks for the prompt reply

here it is:

http://www.re-po.ru/pupil/thankyou

Sorry for Russian:) Just hit the "link text"...

Could it be because of the template?

Hi Grunge,

It looks as though the Modal JavScript isn't loading.

Are you putting that code into an article? Usually you can't put PHP into an article directly, you have to use an extension like Jumi (or the ChronoForms plug-in).

Bob

Hi Bob.

About PHP - actually i put PHP into the form HTML in chronoforms config:

<?php
if ( !$mainframe->isSite() ) { return; }
JHTML::_('behavior.modal')
?>

In the article there is only the link with special parameters:

<a class="modal" href="index.php?option=com_chronocontact&chronoformname=my_form_name&tmpl=component" rel="{handler: 'iframe', size: {x: 400, y: 400}}">Link text</a>

Does it clarify anything?..

Hi Grunge,

Well, it explains why it doesn't work.

You need the modal code loaded with the article so that it can create the window when the link is clicked. The ChronoForms code isn't loaded until after the link is clicked.

Bob

Thank you very much, Bob. I've figured out.

http://greyhead.net/chronoforms/show-a-form-in-a-light-box - that was also exhaustive

Hi everyone, I am having a few problems trying to implement a form in lightbox, so I have a few questions, 1/ can this be used for Chronoform Vs4 & Joomla 1.5.22.

Basically I have tried everything I can think of but I end up with a light box that opens up with 404 component not found page.

I tried following the tutorial http://greyhead.net/chronoforms/show-a-form-in-a-light-box
but I cant use the chronoform module with my joomla, so i tried to create a jumi module to call up the second form mentioned on the link with the following code

<?php
JHTML::_('behavior.modal');
?>
<a class="modal"
  href="index.php?option=com_chronocontact&
  chronoformname=newform&tmpl=component"
  rel="{handler: 'iframe', size: {x: 400, y: 200}}"
>Online Form</a>

I also tried using

{chronoforms}newform{/chronoforms}

which wouldnt work with jumi but did work with content in item (but still displayed empty light box)

I read in the earlier posts that the problem is U need modal script to be loaded when the article loads can somone give me a clue in what code I need to put in the jumi module.

Thx in advance for assistance I am very lost here.

Hi petergoeswest,

As you will have seen the tutorial was written a while ago for ChronoForms v3.2. I haven't tried it with CFv4 - though I think it should work more or less the same for the ChronoForms end.

Added to the long list of things to check with CFv4.

Bob

Hi petergoesswest,

I came back and took a quick look at this. The obvious problem is that the url has changed between versions. In CFv3 it was com_chronocontact; in CFv4 it is com_chronoforms; similarly the form name parameter has changed from chronoformname to formname. Please see if this revised URL works OK :

<a class="modal"
  href="index.php?option=com_chronoforms&chronoform=newform&tmpl=component"
  rel="{handler: 'iframe', size: {x: 400, y: 200}}"
>Online Form</a>

Bob

Grayhead Thankyou so much, it worked perfectly,and I was'nt expecting such a quick reply, thx again.

Hi Bob

I have followed the most recent solution posed here and the lightbox works beautifully, but once the form is submitted the thank you page loads in the lightbox as well. How can we set this so that once the form is submitted we return out of the lightbox back to the normal website and the thank you page?

Hi everyone, Does anyone know if this works with joomla 2.5 because when I try all I get is the powered by chronoforms link. I worked out another way to display it but i dont know how to keep the modal open after submitting to display Thankyou message or if needed display error message. I tried to get help but no-one replied.

This seems to be a really good component, If you buy the validation do you get any worthwhile support, Because this is very frustrating I also want to get the Paypal pluggin, but without support it's a bit like getting a Ferrari without the keys.

Hi petergoeswest,

I do support here mostly on a volunteer basis.

If you buy a subscription then you get the strap-line removed and a different message in the forms manager.

If you complain about the support you go further down the queue of questions to be answered :-( There are always more that I can respond to and the more technically difficult questions take longer to work out.

Bob

Hi Bob, I didnt mean to offend, simply making an observation, It just seems a bit odd that you cant pay extra to get a bit of support. Not everyone's a expert, ps you look a lot like Greg Norman u must get that all the time.😀

Hi petergoeswest,

I built a test form yesterday and this code worked OK in CFv4 on Jooma 2.5.4

If you aren't seeing the form then you may need to add a Show HTML action to the form you are using to create the link.

Bob

Here's the code I used

<?php
JHTML::_('behavior.modal');
?>
<a class="modal"
 href="index.php?option=com_chronoforms&chronoform=newsletter_subscribe&tmpl=component"
 rel="{handler: 'iframe', size: {x: 400, y: 240}}"
>Subscribe to our newsletter</a>

PS Max has talked about paid support - or differential support for subscribers - from time to time. I've thought about it and got as far as looking up 'ticket' systems. It's just an extra later of 'stuff' to manage . . . and difficult to know how to price (some questions take 30 seconds, some take an hour or more). If you want 'extra' help you can always email me and offer to buy a beer or two.