Joget DX Beta Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Current »

  1. Use the following code to incorporate jQuery Tooltip into the form. Add a Custom HTML and add in the following code. Amend accordingly.

    <script type="text/javascript">
    $(function() {
    
    //customize your hints here by specifying form element ID on the left and message on the right
    messages = { 'title' : 'Key in a suitable title',
                'remark' : 'Extra note goes 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.

     

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

  • No labels