1. Add a Custom HTML element into the form and insert the code below.

    $(function(){
     
        //customize your hints here by specifying form element ID on the left and message on the right
        messages = { 'year' : 'Key in a suitable title',
                    'budget' : 'Extra note goes here'};
          
        for (const [key, value] of Object.entries(messages)) {
              FormUtil.getField(key).attr("data-toggle", "tooltip").attr("title", value);
        }
          
        $('[data-toggle="tooltip"]').tooltip();
         
    });
  2. The next time when someone hover over the field, the hint will show up.

  • No labels