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

Compare with Current View Page History

Version 1 Current »

Definition

Custom HTML in Form Builder can be used to achieve advanced form design.

Custom HTML in Form Builder can be used to achieve advanced form design by putting in any valid -

  1. HTML

    Sample
    <b>this text is in bold</b>
  2. JavaScript (jQuery is supported)
    Don’t forget to put in <script type="text/javascript"></script> block

    Sample
    <script type="text/javascript">
    alert("hello world");
    </script>
  3. CSS
    Don’t forget to put in <style type="text/css"></style> block

    Sample
    <style type="text/css">
    body{
     font-size: 100%;
    }
    </style> 

Figure 1: Screenshot highlighting a Custom HTML element in sample HR Expenses Claim app

Figure 2: Custom HTML Properties

Figure 3: Custom HTML Properties - Advanced Options

Screenshots in this article obtained from http://localhost:8080/jw/web/console/app/hr_expense/1/form/builder/hr_expense_new

  • No labels