Wiki source code of Verwendung
Hide last authors
author | version | line-number | content |
---|---|---|---|
![]() |
1.1 | 1 | {{content/}} |
2 | |||
![]() |
1.8 | 3 | == Selecting the extension == |
![]() |
1.1 | 4 | |
5 | {{figure image="FCTypo.png" width="400"}} | ||
![]() |
1.8 | 6 | Selecting the extension, step 1. |
![]() |
1.1 | 7 | {{/figure}} |
8 | |||
![]() |
1.8 | 9 | {{figure image="typo3_extension_use_2.png"}} |
10 | Selecting the extension, step 2. | ||
![]() |
1.1 | 11 | {{/figure}} |
12 | |||
![]() |
1.8 | 13 | {{figure image="typo3_extension_use_3.png"}} |
14 | Selecting the extension, step 1. | ||
![]() |
1.1 | 15 | {{/figure}} |
16 | |||
![]() |
1.8 | 17 | The extension is a //General// plugin for TYPO3. |
![]() |
1.1 | 18 | |
![]() |
1.8 | 19 | 1. Go to the TYPO3 page for general plugins. |
20 | 1. Click on //Type// and choose //Insert Plugin//. | ||
21 | 1. Select the plugin. | ||
![]() |
1.1 | 22 | |
![]() |
1.8 | 23 | == Include the extension == |
![]() |
1.1 | 24 | |
![]() |
1.8 | 25 | You may also need to include the extension in the templates first. Go to the template of your page and click on the //includes// tab and select //Formcycle (xm_formcycle)//. |
![]() |
1.1 | 26 | |
27 | |||
![]() |
1.8 | 28 | == Working with the extension == |
![]() |
1.1 | 29 | |
![]() |
1.8 | 30 | After selecting the plugin, the following five tabs become available. |
![]() |
1.1 | 31 | |
![]() |
1.8 | 32 | === form === |
![]() |
1.1 | 33 | |
![]() |
1.8 | 34 | {{figure image="extension_use_form.png"/}} |
![]() |
1.1 | 35 | |
![]() |
1.8 | 36 | This tab lists all available forms. Choose the form you want to edit and click on //designer// to open the form editor in a new window or tab. After you are done editing, click on //refresh// to reload the form. See our [[help pages on working with the {{designer/}}.>>doc:Formcycle.FormDesigner.WebHome]]. |
37 | |||
![]() |
1.1 | 38 | {{info}} |
![]() |
1.8 | 39 | When no login details have been specified on the configuration page, you will be redirected to the login page. Enter the username and password of your account. |
![]() |
1.1 | 40 | {{/info}} |
41 | |||
![]() |
1.8 | 42 | {{figure image="extension_login.png"/}} |
![]() |
1.1 | 43 | |
![]() |
1.8 | 44 | === response pages === |
![]() |
1.1 | 45 | |
![]() |
1.8 | 46 | {{figure image="extension_use_resp.png"/}} |
![]() |
1.1 | 47 | |
![]() |
1.8 | 48 | The page the user will see after having submitted a form. Common errors that occur often are wrongly [[configured actions>>doc:Formcycle.UserInterface.MyForms.WorkflowProcessing.Actions.WebHome]] or unavailable external web services or pages. |
![]() |
1.1 | 49 | |
![]() |
1.8 | 50 | === JavaScript and CSS === |
![]() |
1.1 | 51 | |
![]() |
1.8 | 52 | {{figure image="extension_use_css.png"/}} |
![]() |
1.1 | 53 | |
![]() |
1.8 | 54 | Forms created with {{formcycle/}} use certain JavaScript libaries, mainly jQuery, as well as custom CSS files. When jQuery has been included with TYPO3 already, you can save bandwidth by preventing {{formcycle/}} from loading jQuery again. The options in this tab let you select which JavaScript files should be loaded. |
![]() |
1.1 | 55 | |
![]() |
1.8 | 56 | The CSS files you can select on this tab are loaded automatically when opening the {{designer/}} and will be available in the [[CSS panel>>doc:Formcycle.FormDesigner.ElementProperties.CSSClasses]] of the {{designer/}}. |
![]() |
1.1 | 57 | |
![]() |
1.8 | 58 | * {{litem title="Use available CSS"}}Select the CSS you want to include in the page.{{/litem}} |
59 | * {{litem title="Use the jQuery framework provided by FORMCYCLE"}}When checked, the jQuery library will be loaded by {{formcycle/}}.{{/litem}} | ||
60 | * {{litem title="Use the jQuery UI framework provided by FormCycle"}}When checked, the jQuery UI library will be loaded by {{formcycle/}}.{{/litem}} | ||
61 | * {{litem title="Use the responseJS framework provided by FormCycle"}}Deprecated, do not use this.{{/litem}} | ||
62 | |||
![]() |
1.1 | 63 | {{warning}} |
![]() |
1.8 | 64 | When not using the jQuery library provided by {{formcycle/}}, make certain jQuery will be loaded by the TYPO3 page before the form gets loaded. |
![]() |
1.1 | 65 | {{/warning}} |
66 | |||
![]() |
1.8 | 67 | === Parameters === |
![]() |
1.1 | 68 | |
![]() |
1.8 | 69 | {{figure image="extension_use_params.png"/}} |
![]() |
1.1 | 70 | |
![]() |
1.8 | 71 | You can specify additional URL parameters for the URL used to open the form. These parameters can be accessed by custom JavaScript files included in the form. |
![]() |
1.1 | 72 | |
73 | {{info}} | ||
![]() |
1.8 | 74 | Always use an ampersand sign at the beginning and as the separator of URL parameters. |
![]() |
1.5 | 75 | |
![]() |
1.8 | 76 | **Correct:** |
![]() |
1.1 | 77 | ¶m1=wert1¶m2=wert2 |
![]() |
1.5 | 78 | |
![]() |
1.8 | 79 | **Wrong:** |
![]() |
1.1 | 80 | param1=wert1¶m2=wert2 |
81 | ?param1=wert1¶m2=wert2 | ||
82 | ¶m1=wert1 param2=wert2 | ||
83 | {{/info}} | ||
84 | |||
![]() |
1.8 | 85 | Starting with version 7.2.0 of the TYPO3 extension, values of URL parameters can be used via a placeholder mechanism. These must be used as follows: |
![]() |
1.6 | 86 | |
![]() |
1.7 | 87 | {{code language="none"}}¶m1={NAME_OF_URL_PARAM}{{/code}} |
![]() |
1.6 | 88 | |
![]() |
1.8 | 89 | See the help pages on [[URL parameter>>doc:Formcycle.FormDesigner.URLParameter]] for special parameters used by {{formcycle/}}. |
![]() |
1.1 | 90 | |
91 | === Administration === | ||
92 | |||
![]() |
1.8 | 93 | {{figure image="extension_use_admin.png"}} |
94 | Login to the administration pages of {{formcycle/}}. | ||
![]() |
1.1 | 95 | {{/figure}} |
96 | |||
![]() |
1.8 | 97 | This will open the administration pages for {{formcycle/}}. For more details, see the help pages on [[modules>>doc:Formcycle.UserInterface.WebHome]] and [[system settings>>doc:Formcycle.SystemSettings.WebHome]]. |