Wiki源代码5.05.03 Form Design
由 maym 于 2025/06/06 08:41 最后修改
显示最后作者
| author | version | line-number | content |
|---|---|---|---|
| 1 | Form design primarily consists of three steps: | ||
| 2 | |||
| 3 | ==== 1 Adding Form Widgets ==== | ||
| 4 | |||
| 5 | Drag the required form widgets from the left side panel of the form designer to the canvas area in the center. The name of each widget represents the data to be collected, and the box within each widget is where the data is entered. Each widget corresponds to a field in the form’s data structure. | ||
| 6 | |||
| 7 | |||
| 8 | ==== [[image:1740711326074-746.png]] ==== | ||
| 9 | |||
| 10 | ==== ==== | ||
| 11 | |||
| 12 | ==== 2 Widget Properties ==== | ||
| 13 | |||
| 14 | Select a widget to set its field properties, such as modifying the field name, visibility, display width, placeholder text, field permissions, default content, etc. | ||
| 15 | |||
| 16 | |||
| 17 | ==== [[image:1740711403113-429.png]] ==== | ||
| 18 | |||
| 19 | ==== ==== | ||
| 20 | |||
| 21 | ==== 3 Form Page Properties ==== | ||
| 22 | |||
| 23 | 3.1 Setting Page Properties | ||
| 24 | |||
| 25 | In the page properties, you can set the page layout, title alignment, widget title style, and other form page styles. | ||
| 26 | |||
| 27 | [[image:1740711425600-837.png]] | ||
| 28 | |||
| 29 | 3.2 Custom Encoding Page Properties | ||
| 30 | |||
| 31 | After enabling custom styles, it supports customizing the PC and H5 styles of the current page, and only supports writing CSS custom styles. | ||
| 32 | |||
| 33 | [[image:1749199234607-206.png]] | ||
| 34 | |||
| 35 | |||
| 36 | (% contenteditable="false" style="background-image:url(http://192.168.102.35:8080/webjars/wiki%3Axwiki/xwiki-platform-ckeditor-webjar/16.8.0/plugins/widget/images/handle.png); background:rgba(220,220,220,0.5); display:none" tabindex="-1" %)[[image:data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==||draggable="true" height="15" role="presentation" title="拖曳以移動" width="15"]] |