Wiki source code of Dateien
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | {{content/}} | ||
2 | |||
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. | ||
5 | {{/figure}} | ||
6 | |||
7 | There are two different types of files in {{formcycle/}}: | ||
8 | |||
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//. | ||
13 | |||
14 | == Actions == | ||
15 | |||
16 | === Create a new file === | ||
17 | |||
18 | {{figure image="files_new_en.png"}} | ||
19 | Creating a new file. | ||
20 | {{/figure}} | ||
21 | |||
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. | ||
25 | |||
26 | === Upload a file === | ||
27 | |||
28 | {{figure image="files_upload.png"}} | ||
29 | Uploading a new file. You can upload a file either with the browser's upload dialog or directly via drag&drop. | ||
30 | {{/figure}} | ||
31 | |||
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. | ||
35 | |||
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. | ||
37 | |||
38 | === Update a file === | ||
39 | |||
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. | ||
42 | {{/figure}} | ||
43 | |||
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 | ||
48 | |||
49 | === Download a file === | ||
50 | |||
51 | {{figure image="files_download.png"}} | ||
52 | You can download either individual files or a set of files as a {{smallcaps}}Zip{{/smallcaps}} archive. | ||
53 | {{/figure}} | ||
54 | |||
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 | ||
57 | |||
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. | ||
59 | |||
60 | === Deleting a file === | ||
61 | |||
62 | {{figure image="files_delete.png"}} | ||
63 | When you do not need a file anymore, you can delete it. Once deleted, a files cannot be restored anymore. | ||
64 | {{/figure}} | ||
65 | |||
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 | ||
68 | |||
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. | ||
70 | |||
71 | == Additional information == | ||
72 | |||
73 | The panel to the right offers some more information and several more settings. You can view or edit the following settings: | ||
74 | |||
75 | ; Alias | ||
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. | ||
79 | |||
80 | Next, you can also review the following information: | ||
81 | |||
82 | ; Name | ||
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 | ||
95 | |||
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. | ||
98 | {{/figure}} | ||
99 | |||
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]]. | ||
101 | |||
102 | {{smallcaps}}Urls{{/smallcaps}} are shown for files with the following file extensions only: | ||
103 | //.html, .htm, .shtm, .xhtm, .css, .js, .json, .xml, .jpg, .jpeg, .png, .gif, .svg, .ttf, .pdf, .otf, .woff, .woff2, .svg, .ttf, .eot, .sfnt, .jpe// | ||
104 | |||
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}}. |