For one of the requirement, on a text field there is a help text with a reference link required to add, But with normal text with hyperlink it's showing as it is on hovering to [i] icon.
I have an understanding that hyperlink may not support here. Is there a way we can make a hyperlink ? or any alternative?
Here is the solution
1. Create one clientlibFolder
2. set categories:[cq.authoring.editor]
3. create one add-field-desc.js
(function ($, $document) {
"use strict";
// Load Json on dialog ready event
$document.on("dialog-ready", function () {
var $dataAttr = $('[data-custom-field-description]');
var fieldDescription = $dataAttr.data('custom-field-description');
var $coralIcon = $dataAttr.siblings('coral-icon');
$coralIcon.on('click', function(){
$dataAttr.siblings('coral-tooltip').html(fieldDescription);
});
});
})($, $(document));
4. create js.txt and add add-field-desc.js path
5. Now go to your field where you want to add field description.
6. create one child node with name granite:data and set custom-field-description="Hey adding <a href="#">link" </a>
7. your structure should look like
<cq:dialog>
-----
<your-field
jcr:primaryType="nt:unstructured"
fieldLabel="Your Field"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldDescription=""
name="./yourField">
<granite:data
custom-field-description="hey adding <a href="#"> link <a/>" />
</your-field>
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.