Assets
  • 27 Feb 2024
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

Assets

  • Dark
    Light
  • PDF

Article summary

The Assets under the Library tab consists of files of type javascript(JS), Stylesheet(CSS), SDK(jar), Audio(.mp3) and Image formats. The user can upload these files and assign them to required projects. The files are used in projects where the low-code utility is limited or for reusability of design files, functions and plugins.

Assets-files

The files assigned to a project are displayed under Home>Project>Page>Navigator>All Assets.

Uploading a File

  1. In the Library>Assets tab, click the +Upload button.
  2. Select the filetype from the dropdown list.
  3. Upload the file from local drive. the file is now listed under Assets.

Assets-upload

The user can perform the following actions by clicking the ellipsis menu of any asset file.

menu options-assets

  • Apply to Project - The user can select the list of projects to assign the asset file
  • Delete
  • Download
  • Edit - Enables the user to edit the javascript or CSS code

Edit window

Using an Image file in a Project

After uploading an image file in the Assets section of the Library, the user can use the image files only in the App Designer. These images can be chosen for components like button, nav bar, stepper items etc., while selecting icons.

To use the image file, the user can do the following:

  1. After uploading the image in the Library > Assets section, assign the image to the required project.
  2. Open the App Designer, drag and drop any component(that requires icon upload) on a page.
  3. Click the Icon list button to choose the icon.
  4. The images are listed under Library tab for selection.
Assets-imageuploadAssets-image-library

Default Custom CSS template file

A CSS template file "theme.css" containing styles for all App Designer components is placed in the Assets section of the Library. The theme.css file by default follows the 'Pillir' theme. Developers can easily customize this file to suit their company's branding and theme without having to write CSS code from scratch. Subsequently, the Apps can be more personalized and unique enhancing their brand and user experience.

defaulttemplatedefaulttemplate-inside

 


Was this article helpful?

What's Next
ESC

Eddy, a generative AI, facilitating knowledge discovery through conversational intelligence