Wiki源代码5.05.03 Form Design

maym 于 2025/06/06 08:41 最后修改

隐藏最后作者
yufei li 10.3 1 Form design primarily consists of three steps:
yufei li 3.1 2
yufei li 10.3 3 ==== 1 Adding Form Widgets ====
yufei li 3.1 4
yufei li 10.3 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.
yufei li 3.1 6
7
yufei li 10.4 8 ==== [[image:1740711326074-746.png]] ====
yufei li 3.1 9
yufei li 7.1 10 ==== ====
yufei li 3.1 11
yufei li 10.3 12 ==== 2 Widget Properties ====
yufei li 7.1 13
yufei li 10.3 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.
yufei li 3.1 15
16
yufei li 10.4 17 ==== [[image:1740711403113-429.png]] ====
yufei li 3.1 18
yufei li 7.1 19 ==== ====
yufei li 3.1 20
yufei li 10.3 21 ==== 3 Form Page Properties ====
yufei li 7.1 22
maym 10.5 23 3.1 Setting Page Properties
24
yufei li 10.3 25 In the page properties, you can set the page layout, title alignment, widget title style, and other form page styles.
yufei li 3.1 26
yufei li 10.4 27 [[image:1740711425600-837.png]]
yufei li 3.2 28
maym 10.5 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
yufei li 3.2 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"]]