Changes for page Formular


From version 1.2
edited by jdr
on 30.07.2021, 16:49
Change comment: There is no comment for this version
To version 1.4
edited by jdr
on 30.07.2021, 16:51
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -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.