Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

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

Form Builder中的自定义HTML可用于实现高级表单设计。

Form Builder中的自定义HTML可以用来实现高级的表单设计,通过放入任何有效的 Custom HTML in Form Builder can be used to achieve advanced form design by putting in any valid -

  1. HTML

    Code Block
    titleSample
    <b>this text is in bold</b>
  2. JavaScript (jQuery is supported)
    Don’t forget to put in <script type="text/javascript"></script> block(支持jQuery)
    不要忘记放入<script type =“text / javascript”> </ script>块

    Code Block
    titleSample
    <script type="text/javascript">
    alert("hello world");
    </script>
  3. CSS
    Don’t forget to put in <style 不要忘记放入<style type ="text/css"></style> block“text/css”> </style>块

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

Figure 1: Screenshot highlighting a Custom HTML element in sample HR Expenses Claim app图1:突出显示样本HR Expenses Claim应用程序中的自定义HTML元素的屏幕截图

Figure 2: Custom HTML Properties图2:自定义HTML属性

Figure 3: Custom HTML Properties - Advanced Options

图3:自定义HTML属性 - 高级选项

本文中的屏幕截图从 Screenshots in this article obtained from http://localhost:8080/jw/web/console/app/hr_expense/1/form/builder/hr_expense_new