Wiki source code of Dateien
Hide last authors
author | version | line-number | content |
---|---|---|---|
1.1 | 1 | {{content/}} | |
2 | |||
51.1 | 3 | {{figure image="files_list_en.png" width="600"}} | |
4 | A list of all uploaded files. These may be form-specific files or files available to all forms. | ||
1.1 | 5 | {{/figure}} | |
6 | |||
51.1 | 7 | There are two different types of files in {{formcycle/}}: | |
1.1 | 8 | ||
51.1 | 9 | ; Client-specific files | |
10 | : Files that are available to all forms. For example, they could be used as template files for actions of type //[[PDF (Fill)>>doc:Formcycle.Designer.Workflow.Actions.FillPdfDocument.WebHome]]// or [[//Word (Fill)//>>doc:Formcycle.Designer.Workflow.Actions.FillWordDocument.WebHome]]: The same template may be required by multiple forms. Client-specific files with the extension //.css// ([[{{smallcaps}}Css{{/smallcaps}}>>doc:Formcycle.Designer.Form.CodingPanel.CSSTab.WebHome]]) or //.js// ([[JavaScript>>doc:Formcycle.Designer.Form.CodingPanel.ScriptTab.WebHome]]) are included automatically in all forms. You can upload these files in the menu //Files & templates //{{rarrow/}} //Files//. | ||
11 | ; Form-specific files | ||
12 | : Files that are only available to the form for which they have been uploaded. Form-specific files with the extension //.css// ([[{{smallcaps}}Css{{/smallcaps}}>>doc:Formcycle.Designer.Form.CodingPanel.CSSTab.WebHome]]) or //.js //([[JavaScript>>doc:Formcycle.Designer.Form.CodingPanel.ScriptTab.WebHome]]) are included automatically in the form. You can upload these files in the form overview menu //My forms// if you open the side menu of the form and click on //Files//. Or you can upload files directly from within the designer by clicking on //More// {{rarrow/}} //Files//. | ||
1.1 | 13 | ||
51.1 | 14 | == Actions == | |
1.1 | 15 | ||
51.1 | 16 | === Create a new file === | |
1.1 | 17 | ||
51.1 | 18 | {{figure image="files_new_en.png"}} | |
19 | Creating a new file. | ||
42.1 | 20 | {{/figure}} | |
21 | |||
51.1 | 22 | 1. Click on the {{ficon name="plus-circle-outline"/}} button to the top left. | |
23 | 1. The content of the file can now be entered in the text editor. | ||
24 | 1. The created file must be given a name in the upper right corner under //Properties// with the file extension. By clicking on the //Save// button at the bottom right, the changes can be saved. Depending upon file extension the editor will adapt itself accordingly. | ||
29.1 | 25 | ||
51.1 | 26 | === Upload a file === | |
29.1 | 27 | ||
38.1 | 28 | {{figure image="files_upload.png"}} | |
51.1 | 29 | Uploading a new file. You can upload a file either with the browser's upload dialog or directly via drag&drop. | |
1.1 | 30 | {{/figure}} | |
31 | |||
51.1 | 32 | 1. Click on the {{icon name="upload"/}} button to the top left. | |
33 | 1. The browser's file upload dialog opens. Select the file or files you would like to upload. After you choose a file, it will be uploaded automatically. | ||
34 | 1. Optionally, you can give the uploaded files a different name and description in the panel to the right. To save the changes you have made, click the //Save// button at the bottom. | ||
1.1 | 35 | ||
51.1 | 36 | If a file with the same name exists already, the file is renamed and created as a separate file or or overwrites the old file. | |
1.1 | 37 | ||
51.1 | 38 | === Update a file === | |
1.1 | 39 | ||
51.1 | 40 | {{figure image="files_update_en.png"}} | |
41 | You can change the content of a file later. Either use the update button or the drag&drop support. When you make use of a file elsewhere in the system (such as in a workflow action), you should not change the name of the file anymore. Otherwise, references to the file may be lost. | ||
1.1 | 42 | {{/figure}} | |
43 | |||
51.1 | 44 | 1. Select the file you would like to update, by clicking on the file name. | |
45 | 1. Click on the button //Update file// to the bottom right | ||
46 | 1. This opens the browser's upload dialog. Choose a new file and press {{smallcaps}}Ok{{/smallcaps}}. | ||
47 | 1. To apply the changes, press the //Save// button to the bottom right | ||
1.1 | 48 | ||
51.1 | 49 | === Download a file === | |
1.1 | 50 | ||
51 | {{figure image="files_download.png"}} | ||
51.1 | 52 | You can download either individual files or a set of files as a {{smallcaps}}Zip{{/smallcaps}} archive. | |
1.1 | 53 | {{/figure}} | |
54 | |||
51.1 | 55 | 1. Use the checkboxes to the left of the filename to select the files you would like to download. | |
56 | 1. Click on the download {{icon name="download"/}} to download the selected files | ||
1.1 | 57 | ||
51.1 | 58 | This starts a file download. If you selected only one files, you can download the file directly. Otherwise, when you selected more than one files, you will get a {{smallcaps}}Zip{{/smallcaps}} archive with the files. | |
1.1 | 59 | ||
51.1 | 60 | === Deleting a file === | |
1.1 | 61 | ||
62 | {{figure image="files_delete.png"}} | ||
51.1 | 63 | When you do not need a file anymore, you can delete it. Once deleted, a files cannot be restored anymore. | |
1.1 | 64 | {{/figure}} | |
65 | |||
51.1 | 66 | 1. Use the checkboxes to the left of the filename to select the files you would like to delete. | |
67 | 1. Click on the button {{icon name="trash"/}} to delete the files | ||
1.1 | 68 | ||
51.1 | 69 | This will prompt you to confirm whether you would really like to delete the files. A file that has been deleted cannot be restored. | |
1.1 | 70 | ||
51.1 | 71 | == Additional information == | |
1.1 | 72 | ||
51.1 | 73 | The panel to the right offers some more information and several more settings. You can view or edit the following settings: | |
1.1 | 74 | ||
75 | ; Alias | ||
51.1 | 76 | : The name of the file, as it is used in other parts of the system. | |
77 | ; Description | ||
78 | : An internal description for the file. This description is never visible to the end user. | ||
1.1 | 79 | ||
51.1 | 80 | Next, you can also review the following information: | |
1.1 | 81 | ||
82 | ; Name | ||
51.1 | 83 | : The original file name of the uploaded file. This is useful, for instance, when you have updated a file and would like to check whether you uploaded the right file. | |
84 | Kann etwa genutzt werden, um beim Aktualisieren einer Datei zu prüfen, ob die richtige Datei hochgeladen wurde. | ||
85 | ; Size | ||
86 | : The file size of the file. | ||
87 | ; Created | ||
88 | : The date and time when the file was originally created. | ||
89 | ; Create by | ||
90 | : The name of the user who originally created the file. | ||
91 | ; Changed | ||
92 | : The date and time when the file was most recently updated. | ||
93 | ; Changed by | ||
94 | : The name of the user who made the most recent update to the file | ||
1.1 | 95 | ||
51.1 | 96 | {{figure image="files_url_en.png"}} | |
97 | You can also access a file via an {{smallcaps}}Url{{/smallcaps}}. This can be used, for example, to load a file dynamically via JavaScript or to include a font file in a form. | ||
1.1 | 98 | {{/figure}} | |
99 | |||
51.1 | 100 | Finally you can get check out the {{smallcaps}}Url{{/smallcaps}} to the file. Use this {{smallcaps}}Url{{/smallcaps}} to access the contents of the file. Please note that the {{smallcaps}}Url{{/smallcaps}} may need to be modified in case you are making use of [[frontend servers>>doc:Formcycle.SystemSettings.UserInterface.FrontendServer]]. | |
1.1 | 101 | ||
51.1 | 102 | {{smallcaps}}Urls{{/smallcaps}} are shown for files with the following file extensions only: | |
27.1 | 103 | //.html, .htm, .shtm, .xhtm, .css, .js, .json, .xml, .jpg, .jpeg, .png, .gif, .svg, .ttf, .pdf, .otf, .woff, .woff2, .svg, .ttf, .eot, .sfnt, .jpe// | |
1.1 | 104 | ||
51.1 | 105 | For files with other extensions, {{formcycle/}} does not show {{smallcaps}}urls{{/smallcaps}} and these files are not accessible from outside via {{smallcaps}}url{{/smallcaps}}. |