| ... |
... |
@@ -73,7 +73,7 @@ |
| 73 |
73 |
; {{ficon name="information-outline"/}} Info |
| 74 |
74 |
: An overview with some technical details for the form, such as its ID or the date when it was created. |
| 75 |
75 |
|
| 76 |
|
-; {{icon name="download"/}} Export {{version major="6" minor="2" patch="0"/}} |
|
76 |
+; {{icon name="download"/}} Export |
| 77 |
77 |
: {{html}} {{/html}} |
| 78 |
78 |
:; {{ficon name="shredder"/}} Word / PDF Export |
| 79 |
79 |
:: The form can be exported here as a static Word or PDF document. See also [[Word / PDF Export>>doc:Formcycle.UserInterface.MyForms.Export.Blank]]. |
| ... |
... |
@@ -80,10 +80,10 @@ |
| 80 |
80 |
:; {{ficon name="shredder"/}} Form summary |
| 81 |
81 |
:: A profile with an overview of the most important properties of a form can be created here. See also [[Form summary>>doc:Formcycle.UserInterface.MyForms.Export.Summary]]. |
| 82 |
82 |
|
| 83 |
|
-; {{ficon name="date"/}} Schedules {{version major="6" minor="5" patch="0"/}} |
|
83 |
+; {{ficon name="date"/}} Schedules |
| 84 |
84 |
: Schedules can be created and edited here. See also [[Appointment managment>>doc:Formcycle.UserInterface.Appointments.WebHome]]. |
| 85 |
85 |
|
| 86 |
|
-; {{ficon name="file-blank"/}} Templates {{version major="6" minor="6" patch="0"/}} |
|
86 |
+; {{ficon name="file-blank"/}} Templates |
| 87 |
87 |
: {{html}} {{/html}} |
| 88 |
88 |
:; {{ficon name="file-css-blank"/}} Design (CSS) |
| 89 |
89 |
:: CSS templates can be configured here, which offer the possibility to define global //CSS// rules that can be used by all forms. See also [[Design (CSS)>>doc:Formcycle.UserInterface.FilesAndTemplates.Design.WebHome]]. |
| ... |
... |
@@ -150,7 +150,7 @@ |
| 150 |
150 |
; Advanced |
| 151 |
151 |
: Available only when a form element is selected: Contains some less common properties, such as user group and state-based restrictions or HTML attributes. See also the [[element properties>>doc:.ElementProperties.WebHome]] and [[the list of form elements>>doc:.FormElements.WebHome]]. |
| 152 |
152 |
; Form |
| 153 |
|
-: This tab is always and lets you edit the settings of the current form, such as its name, width, or layout. See also [[form properties>>doc:Formcycle.FormDesigner.FormProperties]]. |
|
153 |
+: This tab is always and lets you edit the settings of the current form, such as its name, width, or layout. See also [[form properties>>doc:Formcycle.Designer.Form.FormProperties]]. |
| 154 |
154 |
; Default |
| 155 |
155 |
: Available only when a form element is selected: Contains the default settings for each element type. When you place a new element in the form, the new elements gets these properties. For example, you could change the default settings so that all input fields are required fields by default. |
| 156 |
156 |
|
| ... |
... |
@@ -165,13 +165,13 @@ |
| 165 |
165 |
This is an advanced section that lets you customize your form even further. Click on the arrow [[image:designer_south_pane_expander.png]] to the bottom of the {{designer/}} to open it. This section consists of four different tabs: |
| 166 |
166 |
|
| 167 |
167 |
; JavaScript tab |
| 168 |
|
-: Write your own custom JavaScript logic to make the form work the way you want. The JavaScript you write in this tab is run automatically once the form is done loading, ie. [[when the document is ready>>url:https://api.jquery.com/ready/||target="_blank"]]. All JavaScript files uploaded as a [[form resource >>doc:Formcycle.UserInterface.MyForms.Files]] are included automatically in the form (but are run as soon as possible, if necessary, wait for the document to finish loading). Depending on your use case, you may want to extract some parts of your JavaScript into a separate files, especially utility functions and libraries that do not need the DOM to be loaded fully. This cleans up your JavaScript code and makes it easier to understand. For more in-depth details, see the [[JavaScript tab>>doc:Formcycle.FormDesigner.CodingPanel.WebHome]]. |
|
168 |
+: Write your own custom JavaScript logic to make the form work the way you want. The JavaScript you write in this tab is run automatically once the form is done loading, ie. [[when the document is ready>>url:https://api.jquery.com/ready/||target="_blank"]]. All JavaScript files uploaded as a [[form resource >>doc:Formcycle.UserInterface.MyForms.Files]] are included automatically in the form (but are run as soon as possible, if necessary, wait for the document to finish loading). Depending on your use case, you may want to extract some parts of your JavaScript into a separate files, especially utility functions and libraries that do not need the DOM to be loaded fully. This cleans up your JavaScript code and makes it easier to understand. For more in-depth details, see the [[JavaScript tab>>doc:Formcycle.Designer.Form.CodingPanel.WebHome]]. |
| 169 |
169 |
; CSS tab |
| 170 |
|
-: Customize the layout and look of your form by adding your own hand-crafted CSS. As with JavaScript, you can also upload CSS files as a form resource, these are loaded automatically as well. See also the help page on the [[CSS tab>>doc:Formcycle.FormDesigner.CodingPanel.CSSTab.WebHome]]. |
|
170 |
+: Customize the layout and look of your form by adding your own hand-crafted CSS. As with JavaScript, you can also upload CSS files as a form resource, these are loaded automatically as well. See also the help page on the [[CSS tab>>doc:Formcycle.Designer.Form.CodingPanel.CSSTab.WebHome]]. |
| 171 |
171 |
; Metadata |
| 172 |
|
-: The text you enter in this tab is included in the HTML header of the form. This lets you, among other things, add your own meta attributes for search engine optimization. Or you can include some additional script, CSS or font files. See also the [[meta tab>>doc:Formcycle.FormDesigner.CodingPanel.MetaTab]]. |
|
172 |
+: The text you enter in this tab is included in the HTML header of the form. This lets you, among other things, add your own meta attributes for search engine optimization. Or you can include some additional script, CSS or font files. See also the [[meta tab>>doc:Formcycle.Designer.Form.CodingPanel.MetaTab]]. |
| 173 |
173 |
; Variables |
| 174 |
|
-: Variables are hidden input fields added to the form. Often they are used with JavaScript to store the result of certain computations and make these available for further processing. See also the [[variables tab>>doc:Formcycle.FormDesigner.CodingPanel.VariablesTab]]. |
|
174 |
+: Variables are hidden input fields added to the form. Often they are used with JavaScript to store the result of certain computations and make these available for further processing. See also the [[variables tab>>doc:Formcycle.Designer.Form.CodingPanel.VariablesTab]]. |
| 175 |
175 |
|
| 176 |
176 |
== Language and version == |
| 177 |
177 |
|
| ... |
... |
@@ -179,5 +179,5 @@ |
| 179 |
179 |
|
| 180 |
180 |
You can find the language and version settings to the bottom right of the {{designer/}}: |
| 181 |
181 |
|
| 182 |
|
-* The default language of the form is what you enter when you first create the form. Form elements have got many properties, some of which are functional, such as whether it is a required field. Some properties are language-dependent, such as the label text or the placeholder. You can translate these language-dependent properties into different languages to make your form international. To do so, click on the language in the toolbar at the bottom and switch to the language you would like to edit. This hides all functional properties and only shows those properties that need to be translated. see also [[internationalization>>doc:Formcycle.FormDesigner.Internationalization]]. |
|
182 |
+* The default language of the form is what you enter when you first create the form. Form elements have got many properties, some of which are functional, such as whether it is a required field. Some properties are language-dependent, such as the label text or the placeholder. You can translate these language-dependent properties into different languages to make your form international. To do so, click on the language in the toolbar at the bottom and switch to the language you would like to edit. This hides all functional properties and only shows those properties that need to be translated. see also [[internationalization>>doc:Formcycle.Designer.Form.Internationalization]]. |
| 183 |
183 |
* Each time you save the form, the system creates a backup automatically. Click on the version in the toolbar at the bottom to switch to an older backup version of the form. |