| ... |
... |
@@ -65,6
+65,10 @@ |
| 65 |
65 |
: A list of all versions of the form. You can add a version and delete or export existing versions. See also [[form versions>>doc:Formcycle.UserInterface.MyForms.Versions]]. |
| 66 |
66 |
; {{ficon name="information-outline"/}}Info |
| 67 |
67 |
: An overview with some technical details for the form, such as its ID or the date when it was created. |
|
68 |
+; {{ficon name="play1"/}}Open in preview mode |
|
69 |
+: Open a preview of the current form in a new window. Even when you did not save the form yet, this always shows you the form as you see it in the {{designer/}}. This lets you try out the form first before you save it. Especially useful when you made the form dynamic with conditions for when to hide or show some form elements. |
|
70 |
+; {{ficon name="play1"/}}Open in live mode |
|
71 |
+: Open the form in a new window. In contrast to preview mode, this will the open the form as it is saved in the system. Unsaved changes will not be present. |
| 68 |
68 |
; {{ficon name="database-search"/}}Database queries |
| 69 |
69 |
: Here you can view or edit SQL queries for custom databases. See also [[database queries>>doc:Formcycle.UserInterface.Data.DBQueries]]. |
| 70 |
70 |
; {{ficon name="account-search"/}}LDAP queries |
| ... |
... |
@@ -132,7
+132,7 @@ |
| 132 |
132 |
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: |
| 133 |
133 |
|
| 134 |
134 |
; JavaScript tab |
| 135 |
|
-: 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]]. |
|
139 |
+: 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]]. |
| 136 |
136 |
; CSS tab |
| 137 |
137 |
: 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]]. |
| 138 |
138 |
; Metadata |