Wiki source code of Formulareigenschaften
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | The //form// tab of the properties panel to the right lets you change basic settings such as the default CSS layout, the form's maximum width and the error style for invalid form fields. | ||
| 2 | |||
| 3 | {{figure image="designer_form_properties_en.png"}} | ||
| 4 | You can change the base settings of the form by clicking on the //form// tab of the properties panel. | ||
| 5 | {{/figure}} | ||
| 6 | |||
| 7 | {{figure image="designer_form_properties_error_message_layout_en.png"}} | ||
| 8 | When a required fields was left empty, an error message is shown. This settings lets you change how this error message looks like. | ||
| 9 | {{/figure}} | ||
| 10 | |||
| 11 | {{figure image="designer_form_properties_error_message_speech_bubble_en.png"}} | ||
| 12 | Displaying the error message as a speech bubble below a form element. | ||
| 13 | {{/figure}} | ||
| 14 | |||
| 15 | {{figure image="designer_form_properties_error_message_icon_en.png"}} | ||
| 16 | Displaying the error as an icon next to a form element. Hover over the icon with the mouse to view the error message. | ||
| 17 | {{/figure}} | ||
| 18 | |||
| 19 | {{figure image="designer_form_properties_error_message_text_en.png"}} | ||
| 20 | Displaying the error message as text below a form element. | ||
| 21 | {{/figure}} | ||
| 22 | |||
| 23 | {{table colWidth="150-800"}} | ||
| 24 | |=name|=description | ||
| 25 | |Title|The form's title. It will be also be shown as the page title in the browser. | ||
| 26 | |Description|Description of this form. This is meant for internal use only. When you open the form, this description is not shown anywhere. | ||
| 27 | |Layout{{id name="layout"/}}|The layout (CSS) of the form. The default layout is always available. To add new layouts, create a new [[CSS templates>>doc:Formcycle.UserInterface.FilesAndTemplates.Design]]. After selecting a new layout you can see the changes immediately. | ||
| 28 | |Modern theme|When checked, applies some default styles that make the form look more modern. Checkboxes and radio buttons are rendered with custom icons. | ||
| 29 | |Placeholder preview|{{version major="6" minor="5" patch="0"/}}Specifies whether the content of [[variables>>Formcycle.UserInterface.Variables]] that are used in the form should be displayed in the {{designer/}} instead of the variable. | ||
| 30 | |Show errors|Specifies how errors are displayed. To change the default error messages, edit the global template [[i18n variables>>doc:Formcycle.UserInterface.FilesAndTemplates.I18nVariables]] gehalten. | ||
| 31 | |Max. width|Maximum width of the form in pixels. | ||
| 32 | |Min. width|Minimum width of the form in pixels. Normally, form elements are scaled to fit the width of the browser window. When browser window is smaller than the minimum width, form elements are not scaled anymore, and a vertical scrollbar appears in the browser. | ||
| 33 | |Responsive at|Width when the form is displayed in //responsive mode//. If the width of the browser window is smaller than the specified value, optimizations for mobile devices are applied. All items grouped together in rows are rearranged vertically such that each form field now takes up an entire row. | ||
| 34 | |Max. backups|Maximale number of form backups. Each time you save the form, a new backup is created. | ||
| 35 | |Author|{{version major="6" minor="5" patch="0"/}}Metadata field whose content is placed as a {{code language="none"}}<meta>{{/code}} tag with the {{code language="none"}}name{{/code}} attribute //author// in the HTML header of the form. | ||
| 36 | |Publisher|{{version major="6" minor="5" patch="0"/}}Metadata field whose content is placed as a {{code language="none"}}<meta>{{/code}} tags with the {{code language="none"}}name{{/code}} attributes //publisher// and //DC.Publisher// in the HTML header of the form. | ||
| 37 | |Copyright|{{version major="6" minor="5" patch="0"/}}Metadata field whose content is placed as a {{code language="none"}}<meta>{{/code}} tag with the {{code language="none"}}name{{/code}} attribute //copyright// in the HTML header of the form. | ||
| 38 | |Description|{{version major="6" minor="5" patch="0"/}}Metadata field whose content is placed as a {{code language="none"}}<meta>{{/code}} tags with the {{code language="none"}}name{{/code}} attributes //description// and //DC.Description// in the HTML header of the form. | ||
| 39 | |Keywords|{{version major="6" minor="5" patch="0"/}}Metadata field whose content is placed as a {{code language="none"}}<meta>{{/code}} tag with the {{code language="none"}}name{{/code}} attribute //keywords// in the HTML header of the form. | ||
| 40 | {{/table}} |