Pop-up form

I'm struggling for plugin/module that can put a link in some articles to open contact form which has subject related to article. I saw that on some components (SOBI2, AlphaContent) but they are so complicated to use only for that little "article gadget". Actually, I need that feature in my articles so that people can give me fast feedback about each article or report me about inappropriate content. Is it possible to make? Something like link on pop-up window with the contact form that will cache article title as a subject for the form. That would be so useful. Please, let me know if it already exists. I read some topics on this forum about similar idea, but it didn't help me manage to do that :-(. Sorry if my english is so bad 😶 .
Thank you

Hi munja1985,

You could add a small ChronoForm in your article using the ChronoForma plugin. It's possible to pick up the article title or id and include this in the form data.

Someone Vikki? also posted instructions to put a form in 'pop-up' lightbox today.

Or you could use ChronoComments with your articles.

Bob

ok, thx for that info, I've just read tutorial from vickipayne. It is actually what I need, but I prefer form opening in standard popup and with article title caching.
And if this feature is possible it would be awesome: link for opening that "report" (I call it report article form 🙂 ) will be automatically added to sections, categories or each article (just like ChronoComments plugin). But even without that last feature I think plugin will become "Joomla must have" plugins 😀 .

Hi munja1985,

OK - you'll just need to create a link in your articles to create a popup and pass the info you need in the url. Vikky's note will be a good place to start - the popup should actually be simpler.

Bob

Hi munja1985,

It's in the Downloads area here.

Bob

Hello,
I am rather new to joomla (2.5), and have installed Chronoforms_V4_RC3.3_J1.6 .
I am looking for a way to create a pop up form (after pushing a button).
I read this thread but it will be very helpful if someone linked to the vikky thing (i could'nt find it),
or any other help🙂
Thank you very much,
Liora

Hi Liora,

You can create a mini-form using a button or link with Form HTML like this

<?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>

Replace the name of the form and the text with the value you need.

Bob

Thank you for the quick reply,
where exaclty to put this code-
in the "HTML code" section under "Code" in the Forms Manager?

Thanks again,
Liora

Hi Liora,

It depends on where you want the button. This doesn't have to be in a ChronoForm at all. You could just add the HTML to an article. If you use a ChronoForm then the Form Code box is the simplest way to add it.

Bob

Thank you,
I added it to a form and it worked:)
Sorry for the rooky question,
but i copy pasted the code to an article via my editor,
and that did not work..
In what manner exactly should i add the html?

Thank you again,
Liora

Hi Liora,

The part in <?php . . . ?> tags won't work in an article, but isn't needed if the modal library is already being loaded, you'd need to test to find out.

If I need to add PHP to an article page I would probably use Jumi to add it to a hidden module (one that doesn't display anything on the page); you can do the same with a ChronoForm, it just is a bit of a sledgehammer to crack a nut - it uses a lot more code than is needed.

Bob

Hello again Bob,

Well the part without the php tag did not work,
but i installed sourcerer (after installing jumi and getting a bit nervous on it),
and it's partially working-
there is a link in the article to that form, (hurray 😀 )
is there a way to make it a pop up (the page itself will remain in the back and all, like what happens when putting this code in a form).
And one more question please-
is there a way to make this "pop up" (link at the moment) to appear immediately when entering this specific article (and not having to press anything to open it etc...)

Thanks so much,
Liora

Hi Liora,

You can probably use the JavaScript On Load event to open a modal (popup) window but I don't know the exact code. Google will probably find you some examples.

Bob

Hi Liora,

You can create a mini-form using a button or link with Form HTML like this

<?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>

Replace the name of the form and the text with the value you need.

Bob

Good day, Bob.
Your advise was very useful.
Could you please advise how i can change background color of pop up form?

Hi Basketboy22 ,

You can use a Load CSS action in your form to change the styling of any part of the page. in this case you can probably use something like:

form {
  background-color: green;
}

Bob

Hi rebeccamantel,

It's impossible to tell from here. The code is OK so presumably something in the way it is set up on your site is breaking it. Most probably there is a problem with a JavaScript conflict. Your web browser developer tools will help you check what is happening.

Bob

Hi rebeccamantel,

There isn't enough information here to tell but the most likely explanantion is that there is a typo in the name of the input.

Bob

Hi rebeccamantel,

The name of the input is email, not login

<input type="text" name="email" value=" " title="" class=" validate['required','email']" size="30" maxlength="150">

Bob

Hi rebeccamantel,

The pop-up isn't popping up, other than that I can't see any obvious problems.

Please try setting Relative URl to No on the form General tab (click the form name link in the Forms Manager to open it).

Bob

Hi rebeccamantel ,

Please drag a Debugger action into the On Submit event, then submit the form and post the debug results here.

Bob

Hi rebeccamantel,

Sorry, but the On Load results don't help :-(

Bob

Is there any way to make the attribute to be a button, but also make it pop-up? When I change the class="modal" to class="button" it will not pop-up.



Not very knowledge in coding so I am sorry if this is a silly question.

Hi nono126,

I don't understand your question but have you tried adding both classes?

Bob

I just made a form with Modals popups.

For the popup I used custom containers with the following code (id is different for the containers:
Start code:

<div class="modal hide" id="myModal">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>

End code:

</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
   </div>
</div>

I din't use the Save button, the data are saved by the On Submit in the Form Action.

In the containers I put a lot of radio boxes.

On the form I put code for a button in a custom element(with Pure Code checked)

The button code is:

<a class="btn" data-toggle="modal" href="#myModal" >Arm en schouder</a>

href should be the same as the ID of the container.

To put more buttons on a row I added:

For the first Button:

<div class="ccms_form_element cfdiv_text multiline_start"  />
   <a class="btn" data-toggle="modal" href="#myModal" >Arm en schouder</a>
</div>

And for the others in the same row:

<div class="ccms_form_element cfdiv_text multiline_add" data-toggle="modal" />
  <a class="btn" data-toggle="modal" href="#myModal" >Arm en schouder</a>
</div>

This works with Joomla 3.1.5 and PHP 5.4.16 in Firefox and Explorer 10.

Rob

After some reading about Bootstrap the buttons part can be improved.

In a Custom Element (pure code) I put the following code:

  <button type="button" class="btn btn-primary"data-toggle="modal" href="#myModal_1" >Hoofd</button>
  <button type="button" class="btn btn-primary"data-toggle="modal" href="#myModal_2" >Armen en schouders</button>
  <button type="button" class="btn btn-primary"data-toggle="modal" href="#myModal_3" >Rug</button>

The buttons are now on the same row and can be styled with the Bootstrap CSS.
For a break in the row (next row) I use the line break<br> , or an other element and the rest in a new Custom Element.

Rob