Page History

Panel

title	Feature Available in Joget DX

This article has been superceded as it is available as part of the product itself without the need of custom code. Please refer to Builder Advanced Tools#Tooltip.

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

Thai
ใช้รหัสต่อไปนี้เพื่อรวม jQuery Tooltip ไว้ในแบบฟอร์ม เพิ่ม HTML ที่กำหนดเองและเพิ่มในรหัสต่อไปนี้ แก้ไขตาม

Code Block

<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>

The next time when someone hover over the field, the hint will show up.
Thai
ครั้งต่อไปเมื่อมีคนเลื่อนเมาส์ไปเหนือสนามคำใบ้จะปรากฏขึ้น

Image Modified