Differences

This shows you the differences between two versions of the page.

Link to this comparison view

dglux5_wiki:workspace_and_workflow:panels_and_menus:project_panel [2019/07/17 19:17] (current)
Line 1: Line 1:
 +{{indexmenu_n>​1}} ​
 +====== Project Panel =====
 +The Project panel contains the file structure of your project. By default, it is at the top left corner of the DGLux5 workspace.
  
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_location.png?​direct|}}\\
 +//The location of the Project panel//
 +
 +The Project panel contains the project'​s [[dglux5_wiki:​workspace_and_workflow:​projects_and_files:​about_dg5|DG5 files]], as well other files used by the project, such as images, data files, and fonts. The structure of the project includes three important [[dglux5_wiki:​workspace_and_workflow:​projects_and_files:​project_directories|project directories]] called ''​assets'',​ ''​lib'',​ and ''​palette''​. If your project contains [[:​dglux5_wiki:​widgets_and_property_inspector:​components:​text:​home#​text_faq_font|fonts]] that are not in the default fonts set, the Project panel also contains a ''​fonts''​ folder. ​ You can create additional folders and sub-folders to organize your file structure.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel.png?​direct|}}\\
 +//The Project panel//
 +
 +----
 +
 +===== Create Folders =====
 +These steps show you how to create folders in the project.
 +
 +  - <​WRAP>​In the Project panel, right-click the folder that you want to be the new folder'​s parent.
 +
 +This can be the root directory of the project, or some other folder.</​WRAP>​
 +  - <​WRAP>​Choose **New Folder**.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_1.png?​direct|}}</​WRAP>​
 +  - <​WRAP>​Type the new folder'​s name, and click **OK**.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_2.png?​direct|}}</​WRAP>​
 +  - If the new folder does not appear right away, click {{:​dglux5_wiki:​89_icn-tool-menu.png?​nolink|}} **Menu** and select **Refresh** to refresh the contents of the Project panel.
 +
 +There are two alternative ways to create new folders. First, you can select the parent folder, and then click {{:​dglux5_wiki:​89_icn-tool-menu.png?​nolink|}} **Menu** at the top of the Project panel and choose **New Folder**. Then, follow steps 3 and 4 above.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_3.png?​direct|}}\\
 +
 +Secondly, you can use the File Manager:
 +  - In the Main Menu, select **File** > **File Manager**.
 +  - Follow the steps above, using the File Manage instead of the Project panel.
 +
 +----
 +
 +===== Delete Files or Folders =====
 +These steps show you how to delete files or folders from the project.
 +
 +  - <​WRAP>​In the Project panel, select the files or folders that you want to delete.
 +
 +<WRAP tip>​===Tips===
 +  * Click an item to select it.
 +  * Hold the Shift key and click a second item to select both items and all of the items in between.
 +  * Hold the Ctrl or Command key and click an item, in order to change whether that item is part of the selection.
 +  * You cannot select items that are children of different parents.
 +</​WRAP></​WRAP>​
 +  - Do one of the following:
 +    * In the Project panel, click {{:​dglux5_wiki:​89_icn-tool-menu.png?​nolink|}} **Menu**, and choose **Delete**.
 +    * <​WRAP>​Right-click on the selected item or items, and choose **Delete**.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_10.png?​direct|}}</​WRAP>​
 +  - <​WRAP>​Click **OK** in the confirmation dialog.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_4.png?​direct|}}</​WRAP>​
 +
 +----
 +
 +{{anchor:​upload}}===== Upload Files =====
 +These steps show you how to upload one or more files to the project.
 +
 +  - Do one of the following:
 +    * <​WRAP>​Select the folder in the Project panel you want to add files to, and then click {{:​dglux5_wiki:​170_icn-tool-upload.png?​nolink|}} **Upload** and specify the files to upload to this location.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_6.png?​direct|}}</​WRAP>​
 +    * Drag one or more files from your computer file system directly over the folder in the Project panel that you want to upload to.
 +    * Drag one or more files from your computer file system directly into the DGLux5 [[document_window|Document window]]. If the file is an image, it is uploaded to the ''​assets''​ [[#​assets|folder]] and also added to the Stage as an image component. Other files are added to the root directory of your project.
 +  - <​WRAP>​Click **OK** in the confirmation dialog.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_5.png?​direct|}}</​WRAP>​
 +
 +----
 +
 +===== Download a File =====
 +These steps show you how to download a file that is part of the project.
 +  - Select the file in the Project panel.
 +  - Do one of the following:
 +    * In the Project panel, click {{:​dglux5_wiki:​89_icn-tool-menu.png?​direct|}} **Menu** and choose **Download**.
 +    * Right-click on the selected file, and choose **Download**.
 +  - <​WRAP>​In the **Download file** dialog, click **Download <​Filename>​** to download the file.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_7.png?​direct|}}</​WRAP>​
 +  - Click **OK** to close the dialog.
 +
 +----
 +
 +{{anchor:​rename}}===== Rename a File or Folder =====
 +These steps show you how to rename a file or folder in the project.
 +  - Select the file or folder.
 +  - Do one of the following:
 +    * <​WRAP>​Right-click on the selected file, and choose **Rename**.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_8.png?​direct|}}</​WRAP>​
 +    * In the Project panel, click {{:​dglux5_wiki:​89_icn-tool-menu.png?​nolink|}} **Menu** and choose **Rename**.
 +  - <​WRAP>​Type the new name in the dialog, and click **OK**.
 +
 +{{:​dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​dglux5_project_panel_9.png?​direct|}}</​WRAP>​
 +
 +<WRAP important>​===Important===
 +To ensure that components load asset paths correctly, avoid file names that contain the symbols ''#'',​ ''​('',​ or ''​)''​. [[#​rename|Rename]] these files in DGLux5, or rename them before you [[#​upload|upload]] them.</​WRAP>​
 +
 +----
 +
 +<WRAP left>​[[dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​home|Previous:​ Panels and Menus]]</​WRAP>​
 +<WRAP right>​[[dglux5_wiki:​workspace_and_workflow:​panels_and_menus:​data_panel|Next:​ Data Panel]]</​WRAP>​