Hi Vadim,
The first thing you would have to do would be to enable custom shortcodes within contact form 7. Here is how to do that:
Add the following into the functions.php file in your theme:
add_filter( 'wpcf7_form_elements', 'mycustom_wpcf7_form_elements' );
function mycustom_wpcf7_form_elements( $form ) {
$form = do_shortcode( $form );
return $form;
}
After that, you should be able to insert the tooltip shortcode within the forms. However, the tooltip button won’t be available to use when creating the form, so you would have to type the shortcode manually or copy and paste it from page/post.
Best,
Justin
Thread Starter
Vadim
(@vadikcoma)
Hi Justin, I left a message on your site, but never got a reply.
I was wondering, how to insert an image into a tooltip?
Try something like this:
[simple_tooltip content='<img style="width: 120px; height: 53px;" src="http://www.yoursite.com/yourimage.jpg">']This triggers the tooltip[/simple_tooltip]
Thread Starter
Vadim
(@vadikcoma)
It works great near the title of the filed, but how do I put it next to each option, so customer could see, what each option looks like in real life?
Link to page – http://ssbuve.coma.lv/noskaidrot-cenu-individualam-projektam/
Contact form code:
<strong>Ēka* </strong>[simple_tooltip content='<img style="width: 120px; height: 53px;" src="http://www.yoursite.com/yourimage.jpg">'](?)[/simple_tooltip] [radio radio-11 free_text default:1 "Māja" "Pirts" "Cits"]
<strong>Pievienot failu</strong> [file file-36]
<p>[submit "Nosūtīt"]</p>
Thank you for your time!
I don’t know if that’s possible – I’m not an expert on contact form 7 so I can’t say for sure if you are able to edit each option or not.
Good luck,
Justin
Thread Starter
Vadim
(@vadikcoma)
Hi Justin, just wanted to let you know, that we managed to create something very useful here with help of your plugin – http://ssbuve.coma.lv/noskaidrot-cenu-individualam-projektam/
there is one issue, maybe you can help – when I hover over an (i) icon, sometimes tooltip appears lower than my mouse is. Is there any solution for that? Its totally fine, if tooltip will ignore viewport and part of it will be hidden.
Hey Vadim,
Thanks for letting me know – the page looks great!
Right now there is no way to do what you want but I will let you know if the ability gets added in the future.
Best,
Justin
Hi Justin,
Any possibility this could be used with Formidable Forms as well? If so, can you tell me what I would need to do enable it.
Thanks a mil,
Leslie
I’m not an expert on Formidable Forms, but you should be able to do this via the Customize HTML tab in the form settings. You should be able to put in the shortcut directly, wherever you want to place it, like this: [simple_tooltip content=’This is the tooltip content’]This triggers the tooltip[/simple_tooltip]
