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

    <b>this text is in bold</b>

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

    <script type="text/javascript">
alert("hello world");
</script>

  3. CSS
    Don’t forget to put in <style type="text/css"></style> block

    <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