Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
titleFeature 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.

  1. 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>
  2. The next time when someone hover over the field, the hint will show up.

    Thai

    ครั้งต่อไปเมื่อมีคนเลื่อนเมาส์ไปเหนือสนามคำใบ้จะปรากฏขึ้น


    Image Modified
     

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

...