Forums

Hello.
I know that reCaptcha V1 (now deprecated) and reCaptcha V2 do not work with CFv4 in Joomla 3.8.x…..am I right?

So I have done a complete form recreation in CFv5…..unfortunately a very long process.

In this form (CFv4) I was lucky enough to add a small magnifying glass icon WITH a lightbox image next to the Field label:

http://www.nettaredeisanti.it/it/ordini-e-preventivi.html

Of course the only way to do this is to add this code in the CUSTOM Form’s code:

<label><a href="images/bottiglie/bianchi/verdea-la-tonsa.png" class="jcepopup noicon" data-mediabox="1"><img src="images/magnifying-glass.png" alt="magnifying glass" style="margin: 0px 10px 0px 0px; vertical-align: top;" /></a>Verdea La Tonsa</label>

Also a very long and tedious job…..

QUESTION: how can I add the same magnifying glass icon WITH lightbox image in CFv5?

Thank-you for your help.

ettore

Hi ettore,
​
Probably by copying and pasting your custom HTML from one form to the other?
​
Bob

Thank for your answer and sorry for my delay.
Copy & paste do not work for my needs.

So I have rebuild the form with CF5 and now the work is almost OK except for the icons with lightbox images.

URL: www.nettaredeisanti.it/it/ordini-e-preventivi.html

The html code for the first icon/lightbox image that I would like to show at the left (or right) of the [CARTONI DA 12 BOTTIGLIE] text is:

<a href="images/bottiglie/bianchi/verdea-la-tonsa.png" class="jcepopup noicon" data-mediabox="1"><img src="images/magnifying-glass.png" alt="magnifying glass" style="margin: 0px 10px 0px 0px; vertical-align: top;" /></a>


I just need to know WHERE to insert the above code in this part of the form code:

<div class="form-group gcore-form-row" id="form-row-text3"><label for="text3" class="control-label gcore-label-left">Verdea La Tonsa</label>
<div class="gcore-input gcore-display-table" id="fin-text3">
<input name="input_text_3" id="text3" value="" placeholder="" maxlength="2" size="1" class="validate[&#039;digit&#039;] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" />
<span class="help-block">CARTONI DA 12 BOTTIGLIE</span></div></div>


After the first product/line, of course the method for the other products/lines will be the same.

……do I need to work also on the custom CSS file of my template??


Thank-You.

ettore

Thank-You Bob for your fast reply.
​
Your advice is OK and you can see all the icons/lightbox images here:
​
www.nettaredeisanti.it/it/ordini-e-preventivi.html
​
Everything it's perfect on desktop and just OK on mobile devices (I think that is impossible to have the text AND the icon always on the same line....).
​
Anyway I consider my problem solved.
​
Thanks again!
​
ettore