KNOWLEDGE BASE
Log In    |    Knowledge Base    |    4D Home
Tech Tip: Adding Custom Components in Qodly
PRODUCT: Qodly Studio | VERSION: 20 R | PLATFORM: Mac & Win
Published On: July 9, 2025

Qodly offers a wide range of built-in components, but custom components are often necessary for more specific functionality.

Note : First access to Qodly Studio from 4D by following the instructions described in this tech tip : https://kb.4d.com/assetid=79298

To add a custom component in Qodly Studio:


  1. Explore available custom components in the official Qodly GitHub repository:
    https://github.com/qodly/custom-components


  2. Download the desired component as a .zip file and upload it to the project via Qodly Studio.


  3. By clicking on the latest version or any choosen version, click on the first link to download the zip file of the component :

  4. Open the Components section and click the Upload button.



  5. Upload the zip file : qodly_calendar_V0.5.8.zip in this example :



    Click on Install component to add it into the custom components of Qodly :



  6. Once uploaded, the component becomes available for use in Qodly pages like any built-in component.

  7. To use on Qodly Studio, just drag and drop the component to the page created: