Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
  1. Use the following code to incorporate jQuery Tooltip into the form. Add a Custom HTML and add in the following code. Amend accordingly.

    Code Block
    <script type="text/javascript">
    $(function() {
    
    //customize your hints here by specifying form element ID on the left and message on the right
    

 

 

...

  1. messages = { 'title' : '

...

  1. Key in a suitable title',
                '

...

  1. remark' : '

...

  1. Extra 

...

  1. note 

...

  1. goes 

...

  1. here'};
     
    //do not modify anything below here.
    $( document ).tooltip({
          items: "input",
          content: function() {
            var element = $( this );
            if( messages[$(element).attr("name")] ){
              return messages[$(element).attr("name")];
            }else{
              return false;
            }
          }
        });
        
    });
    </script>
  2. The next time when someone hover over the field, the hint will show up.
    Image Added
     

Reference: http://api.jqueryui.com/tooltip/