XF 2.2 How do I add tooltips to custom field radio button choices?

Stuart Wright

Well-known member
I'm creating a custom user field with 7 different choices. The label text for these choices is short, but the explanation for each is too long to include in the label. The explanation is important to ensure that users pick the correct choice.
I want, instead, to create a tooltip under a ℹ️ displayed after the label for each choice.
I have managed to fudge this because the labels can accept HTML.
e.g.
HTML:
New&nbsp;<i class="fa fa-info-circle" data-xf-init="tooltip" title="A brand-new, unused, unopened and undamaged item in the original packaging (where packaging is applicable). Packaging should be the same as what is found in the retail shop. If the item comes straight from the manufacturer it may be delivered in non-retail packaging, such as an unprinted box or plastic bag. See the advert details for full description"></i>

But on mobile, tapping the ℹ️ selects the option and does not show the tooltip.
Is there a way to be able to show the tooltips on mobile?
Thanks
 
Last edited:
Top Bottom