Popover/Tooltip/Hovercard

By: Andy Paterson | Asked: 09/22/2023
ForumsCategory: General questionsPopover/Tooltip/Hovercard
Andy Paterson asked 10 months ago
Hi, am I missing something or is there the ability to to show one of the above within a formidable form?
Rob LeVineRob LeVine replied 10 months ago

Are you looking for something like this? https://www.fdmdigital.co.uk/form-field-tooltips-with-tippy-js/

Andy Paterson replied 10 months ago

Brilliant - demo 1 is exactly what i need - thank you Rob

1 Answers
Andy Paterson answered 10 months ago
So I ended up doing the code below with some online help - putting this in the </> Customisal HTML of the forms Settings. This uses the plugin Popup Maker- you will need to replace "#popmake-5034" with your own popup form and re-direct img src = to your own information image Information stored in your website media.   <div id="frm_field_[id]_container" class="frm_form_field form-field [required_class][error_class]">
    <div id="field_[key]_label" class="frm_primary_label">[field_name]
        <span class="frm_required" aria-hidden="true">[required_label]</span>
    </div>
    <div class="frm_opt_container" aria-labelledby="field_[key]_label" role="group">
        [input]
        <a href="#popmake-5034" class="popup-button">
            <img src="https:www.xyz.com/wp-content/uploads/2023/09/information-picture.svg" alt="Information" width="16" height="16">
        </a>
    </div>
    [if description]<div class="frm_description" id="frm_desc_field_[key]">[description]</div>[/if description]
    [if error]<div class="frm_error" role="alert" id="frm_error_field_[key]">[error]</div>[/if error]
</div>   So the form is as below and "Cyber Tip" is what pops up from Popup Maker one the information i is clicked  

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right