Skip to main content

Custom CSS and Javascript Libraries - Advanced Component

In this video you will learn how to embed or use 100% custom CSS libraries and Javascript files in your project.

With the option of uploading external libraries you get endless possibilities to build the web app UI and functionality of your choice without having to know design.

You can even upload the ready-made theme as it is and then customise it as per your need. This feature gives you complete freedom to design and build you app as you like.

To begin go to your project and build a custom CSS Link. For this go to App Settings and choose Custom CSS. Here add the Add Custom CSS URL/Link Tag.

DrapCode Builder Collection Constructor

2. Add Custom Code

Now copy the code from the Icon and add this custom code. Once pasted click the Embed Code button. Then Save these settings.

DrapCode Builder Collection Constructor

3. Display the Icons

Go to the page and reload it. You will find the icons whose CSS code you have added.

DrapCode Builder Collection Constructor

4. Add Custom Java Script

Go to the project App Settings and choose Custom CSS. Here add the Add Custom CSS URL/Link Tag.

DrapCode Builder Collection Constructor

5. Preview or Publish

Go to the page and reload it. You will find the icons whose Java Script you have added.

You can choose the Preview or the Publish mode to view these changes.

DrapCode Builder Collection Constructor