Show / Hide Table of Contents

Licenced version installation

This document shows you haw to install the licensed version.

  • Download the licensed version from your account.

  • Install

    • If you don't use frontend frameworks, you just have to replate the trial orgchart.js with the licensed one.

    • If you use frameworks follow the instructions bellow:

      • Extract the package and edit the orgchart.d.ts file to add the following row at the end of it: 
           
export default OrgChart
      • Create a folder balkanapp in \src\assets and add your extracted orgchart.js and orgchart.d.ts files there.
      • Add the orgchart.js file in scripts in your angular.json file. 
           
"scripts": [
    "src/assets/balkanapp/orgchart.js"
]
      • In your app.component.ts add this reference: 
           
import OrgChart from "src/assets/balkanapp/orgchart";
      • Add the extracted orgchart.js in your project \src\ folder.
      • If you have used the trial version untill now, delete this reference: 
           
import OrgChart from "@balkangraph/orgchart.js";
      • In your mytree.js file add this reference: 
           
import OrgChart from "./orgchart.js";
      • If you use TypeScript you need to add this in the end of the .d.ts file: 
           
export default OrgChart
        and copy it in the same folder also
      • Extract the package and edit the orgchart.js file to add the following row at the end of it: 
           
export default OrgChart
      • Add your extracted orgchart.js file to \src\assets folder.
      • In your OrgChart.vue file add this reference: 
           
import OrgChart from "../assets/orgchart";

  • Clear the browser cache (Ctrl+F5) if needed and test with this:

       
    console.log(OrgChart.isTrial()
Warning!

If you are using any old framework version, you may need this installation guide.

In this article