# Resources The resource area facilitates the management of resources that are used in the application under development. They can be images, icons, colors, fonts and other generic files (raw). Clicking on the option opens a window that allows management through the library of resources associated with the project. You can add new ones, edit existing ones and manage the resources associated with the project style. When you click on the option in the [Project ](https://doc.sysdevmobile.com/kalipso5/using/environment/menu/project)menu, the following window appears: ![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-M_aTYZ7exuFi8tyZpAz%2F-M_aTk40hmgnS0m9mKcl%2FK_Resources.PNG?alt=media\&token=399da879-34da-4c85-b023-7cd7dd2921ff) As you can see from the image above, the resource area is divided into four tabs. Each of these tabs corresponds to a type of resource. Thus, the following tabs are available: * **Images** - Area for managing image files. * **Fonts** - Area for managing font files. Files are added in addition to the fonts that the chosen style already provides. * **Raw** - Area for managing generic files. In addition to the existing categories on the "resources" here can be added sound files, video or other formats. * **Colors** - Color management area for the project. These are chosen from a pallet and can then be used whenever necessary. On the right side of the window is an option that, when activated, allows you to view resources associated with the style chosen for the project. Each tab shows the specific type of resource. In all tabs there is an area for researching resources related to the specificity of the tabulation. In addition, the "Images" and "Colors" tabs provide a gradient tool to darken or lighten the background to better perceive the resources in question. On the right side of the window are buttons that allow the management of resources. Thus: * **Add** - Adds a new resource related to the active tab. * **Edit** - Edit the selected resource. * **Delete** - Deletes the selected resource. ### Add / Edit When you click on add a new resource a new window appears that allows you to add it to the project. This window is similar to the one that appears when editing an already added resource. Therefore, the process for both is described simultaneously. However, for each type of resource the fields are different. Thus: #### Tab - Images ![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-M_eEc58uWaP-XB5BWf6%2F-M_eFbQwh8MXrEDHxs0w%2FK_Resources_img.PNG?alt=media\&token=e06b9a59-c985-472a-b5ef-0c0d1b591061) The fields are: * **Name** - Name for the resource. * **File** - Selection of the path for the file to be added/modified. {% hint style="info" %} If you do not specify the name for the resource Kalipso puts the file name. {% endhint %} * **Preview** - Area where the added resource is previewed. #### Tab - Fonts ![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-M_eFiBjW4ex-fiUBtw8%2F-M_eHa5vfseJyhPtp2LK%2FK_Resources_font.PNG?alt=media\&token=78465716-ec61-4b46-9184-73903705e935) The fields are: * **Name** - Name for the resource. * **Specify** - In this field the source of the file is defined with the font. This can come from an external file (or files) or by using a font type that already exists on the target device. Selecting the Files option, the options are those shown in the image. *Files* When the "Files" option is selected, the fields below are available. Then you can add the file corresponding to the desired font by dividing it by style. {% hint style="success" %} If the selected font already exists in the chosen style, then there is no need to add it as an external file. {% endhint %} *Font Name* When the "Font Name" option is selected, the fields below change and only the name of the desired font is requested. {% hint style="warning" %} The font must exist in the target device. {% endhint %} * **Preview** - Area where the added resource is previewed. #### Tab - RAW ![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-M_fAiLkudWejB5IPDnr%2F-M_fBEXbdaNhAGOYdGHY%2FK_Resources_raw.PNG?alt=media\&token=4471c873-a2f1-4a1a-b14e-0c96e32adeb5) The fields are: * **Name** - Name for the resource. * **File** - Selection of the path for the file to be added/modified. {% hint style="info" %} If you do not specify the name for the resource Kalipso puts the file name. {% endhint %} * **Preview** - Area where the added resource is previewed. #### Tab - Color ![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-M_fAiLkudWejB5IPDnr%2F-M_fBITHoajFAklb4sMs%2FK_Resources_color.PNG?alt=media\&token=e3631643-fde0-4902-be63-8e9316f5b486) The fields are:‌ * **Name** - Name for the resource. * **Color** - Option that allows the selection of the desired color. This can come from a color palette (which opens when this option is chosen) or by hex code, RBG, etc. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://doc.sysdevmobile.com/kalipso5/developing/specific-options/resources.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.