Summary

• Page properties (2 modified, 0 added, 0 removed)

Details

Page properties

Author

...	...	@@ -1,1 +1,1 @@
1		-XWiki.awa
	1	+XWiki.nlo

Content

...	...	@@ -1,31 +1,14 @@
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.
	1	+{{figure image="form_prop_en.png"}}
	2	+User interface for modifying form settings.
5	5	{{/figure}}
6	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}}
	5	+The form properties section allows you to change basic settings such as the default CSS layout, the form's maximum width and the error style for invalid form fields.
10	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_de.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 dataTypeAlpha="0" preSort="0-asc" colWidth="150-800"}}
24	24	|=name|=description
25	25	|Title|The form's title. It will be also be shown as the page title in the browser.
26		-|Layout|Determines the layout of the form. The selection //classic theme// is always available. [[CSS templates>>doc:Formcycle.UserInterface.FilesAndTemplates.Design]] are also displayed in the list. After selecting a new layout it is applied to the current form immediately.
	9	+|Layout|Determines the layout of the form. The selection //classic theme// is always available. [[CSS Templates>>doc:DesignCssMenue]] are also displayed in the list. After selecting a new layout it is applied to the current form immediately.
27	27	|Modern theme|Applies some default styles that make the form look smoother. It also renders checkboxes with custom icons.
28		-|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.
	11	+|Show errors|Specifies how errors are displayed. Please refer to the help pages on [[error handling.>>doc:Formcycle.FormDesigner.ErrorHandling]]
29	29	|Max. width|Maximum width of the form in pixels.
30	30	|Min. width|Minimum width of the form in pixels. This options determines at what size items are no longer fitted to the browser window size. If the width of the browser window is smaller than the specified value, all items retain their original size. The browser now displays scrollbars for navigation when the items are larger than the browser window. If the width of the browser window is larger than the specified value, all item are scaled proportionally so that the form fits the browser window.
31	31	|Responsive at|Width when the page 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 is on its own row.
...	...	@@ -33,4 +33,3 @@
33	33	|Show logo|Whether the {{formcycle/}} logo should be shown below the form or not.
34	34	|Save to local file|Click this button to save a local copy of the form. This can be used as a backup.
35	35	|Load from local file|Select a local copy of the form to upload. This will replace the current form with the form you selected.
36		-{{/table}}