use License Key in project

[Narsimsetty Chalamaiah]

Hi Team,

I got  above licensed version  ,

but i have created new Angular 15 application and used 

below package.json file but i got below message.

This application was built using a trial version of Syncfusion Essential Studio. To remove the license validation message permanently, a valid license key must be included

{

  "name": "ng15-wcso",

  "version": "0.0.0",

  "scripts": {

    "ng": "ng",

    "start": "ng serve",

    "build": "ng build",

    "watch": "ng build --watch --configuration development",

    "test": "ng test"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "^15.0.0",

    "@angular/cdk": "^15.0.0",

    "@angular/common": "^15.0.0",

    "@angular/compiler": "^15.0.0",

    "@angular/core": "^15.0.0",

    "@angular/forms": "^15.0.0",

    "@angular/material": "^15.0.0",

    "@angular/platform-browser": "^15.0.0",

    "@angular/platform-browser-dynamic": "^15.0.0",

    "@angular/router": "^15.0.0",

    "@syncfusion/ej2-angular-base": "^21.2.3",

    "@syncfusion/ej2-angular-buttons": "^21.2.3",

    "@syncfusion/ej2-angular-calendars": "^21.2.3",

    "@syncfusion/ej2-angular-charts": "^21.2.3",

    "@syncfusion/ej2-angular-dropdowns": "^21.2.3",

    "@syncfusion/ej2-angular-grids": "^21.2.3",

    "@syncfusion/ej2-angular-inputs": "^21.2.3",

    "@syncfusion/ej2-angular-layouts": "^21.2.3",

    "@syncfusion/ej2-angular-lists": "^21.2.3",

    "@syncfusion/ej2-angular-navigations": "^21.2.3",

    "@syncfusion/ej2-angular-notifications": "^21.2.3",

    "@syncfusion/ej2-angular-popups": "^21.2.3",

    "@syncfusion/ej2-angular-richtexteditor": "^21.2.3",

    "@syncfusion/ej2-angular-splitbuttons": "^21.2.3",

    "@syncfusion/ej2-data": "^21.2.3",

    "@syncfusion/ej2-layouts": "^21.2.3",

    "@syncfusion/ej2-notifications": "^21.2.3",

    "@syncfusion/ej2-richtexteditor": "^21.2.3",

    "@syncfusion/ej2-splitbuttons": "^21.2.3",

    "bootstrap": "^5.2.3",

    "core-js": "^3.30.1",

    "file-saver": "^2.0.5",

    "hammerjs": "^2.0.8",

    "jquery": "^3.6.4",

    "moment": "^2.29.4",

    "ng-click-outside": "^9.0.1",

    "ng2-search-filter": "^0.5.1",

    "ngx-audio-player": "^11.0.4",

    "ngx-bootstrap": "^10.2.0",

    "ngx-cookie": "^6.0.1",

    "ngx-pagination": "^6.0.3",

    "ngx-toggle-switch": "^2.0.5",

    "rxjs": "~7.5.0",

    "tslib": "^2.5.0",

    "xlsx": "^0.18.5",

    "zone.js": "~0.12.0"

  },

  "devDependencies": {

    "@angular-devkit/build-angular": "^15.0.0",

    "@angular-devkit/build-ng-packagr": "^0.1002.0",

    "@angular/cli": "~15.0.0",

    "@angular/compiler-cli": "^15.0.0",

    "@angular/language-service": "~15.0.0",

    "@types/jasmine": "~4.3.0",

    "@types/jasminewd2": "~2.0.3",

    "@types/node": "^20.1.0",

    "codelyzer": "^5.0.0",

    "jasmine-core": "4.6.0",

    "jasmine-spec-reporter": "7.0.0",

    "karma": "~6.4.0",

    "karma-chrome-launcher": "~3.1.0",

    "karma-coverage": "~2.2.0",

    "karma-coverage-istanbul-reporter": "3.0.3",

    "karma-jasmine": "~5.1.0",

    "karma-jasmine-html-reporter": "2.0.0",

    "ng-packagr": "^5.4.0",

    "protractor": "~5.4.0",

    "ts-node": "~7.0.0",

    "tsickle": "^0.37.0",

    "tslint": "~5.15.0",

    "typescript": "~4.8.2"

  }

}

please resolve below issue asap.

This application was built using a trial version of Syncfusion Essential Studio. To remove the license validation message permanently, a valid license key must be included

Thanks & Regards

Chalamaiah N

[Narsimsetty Chalamaiah]

Hi Team,

I have licensed key , i am using ejs grid in angular 15, 

i need to remove this below  message,

  This application was built using a trial version of Syncfusion Essential Studio. To remove the license validation message permanently, a valid license key must be included   from my application , 

Please replay asap.

Thanks & Regards

Chalamaiah N

[Pavithra Subramaniyam]

Hi Narsimsetty Chalamaiah,

We have introduced license key validation for Essential JS2 platforms from the 2022 Volume 1 release. This licensing key validation will enforce the developer to register the valid licensing key in an application while referring to any of the latest JavaScript packages, either from NPM or CDN or build. The below article describes the information about licensing, please refer to the below documentation for more information.

Documentation: https://ej2.syncfusion.com/angular/documentation/licensing/overview#syncfusion-licensing-overview

License keys can be generated from the License & Downloads or Trial & Downloads section of the Syncfusion website. Please refer to the below documentation for more information.

Documentation: https://ej2.syncfusion.com/angular/documentation/licensing/license-key-generation

                                https://ej2.syncfusion.com/angular/documentation/licensing/license-key-registration

Licensing error popup is displayed with various messages under different circumstances. Please refer to the below documentation to resolve different issues.

Documentation: https://ej2.syncfusion.com/angular/documentation/licensing/licensing-errors

Regards,

Pavithra S

[Narsimsetty Chalamaiah]

Hi Team, 

I tried to resolve issue of  

This application was built using a trial version of Syncfusion Essential Studio. To remove the license validation message permanently, a valid license key must be included. Claim your free account

I want to connect call and resolve license key  issue ,

I  am available call on 12-05-2023 by 3pm to 7pm.

please schedule call and help me asap.

Thanks & Regads

Chalamaiah N

[Theveshwar Jayakumar]

Hi Narsimsetty Chalamaiah,

 

Greetings from Syncfusion support

 

We have evaluated your reported issue at our end, and we understand that you are facing issue while registering the license in your application. So, kindly ensure that you are utilizing same major versions for all Syncfusion components. Since, Syncfusion license are version specific, when you try to utilize multiple versions for our components in the same application it will create a version conflict. So, please ensure that you are using same versions for all Syncfusion components and also, this issue may occur due to following reasons below.

 

Reason 1:  Due to Duplicate packages installed in your application. Follow the below steps to resolve the issue.

 

•  Delete the @Syncfusion folder from node_modules and the package-lock.json file from the root folder.

 

•  Clear npm .cache file at your end.

 

• Update our packages to the same major version. For example, if your utilizing version like (i.e. v21.1.XX) use the same version for all the Syncfusion components in the package.json file.

 

•  Run the ‘’npm install” command to install the node_modules.

 

Reason 2:  If Syncfusion components are used with Cap Symbol (^) in the package.json file there is a possibility of license banner appearing even after registering the license and this is one of the cases of license validation. So, we are suggesting you to use the Tilde (~) symbol instead of Cap (^) symbol to resolve this issue.

 

Kindly follow the below steps to resolve this issue

 

•  Delete the @Syncfusion folder from node_modules and the package-lock.json file from the root folder.

 

• Clear npm cache at your end.

 

• Remove the cap (^) symbol before the version number and use the mentioned symbol Tilde (~) before the version number like (e.g., "@syncfusion/ej2-angular-buttons": "~21.1.XX").

 

•  Run the "npm install” command to install the packages.

 

Please refer our below documentation licensing FAQ's

 

Link: https://ej2.syncfusion.com/angular/documentation/licensing/licensing-troubleshoot#potential-causes-of-licensing-errors-in-applications

 

If the issue still persists, kindly share the package.json file, so that we can provide a prompt solution.
 

Regards,

Theveshwar

[Narsimsetty Chalamaiah]

Hi  Theve,shwar Jayakumar

I used below pakage.json 

please provide  a prompt solution.

{

  "name": "ng16-wcso",

  "version": "0.0.0",

  "scripts": {

    "ng": "ng",

    "start": "ng serve",

    "build": "ng build",

    "watch": "ng build --watch --configuration development",

    "test": "ng test"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "^16.0.0",

    "@angular/cdk": "^16.0.0",

    "@angular/common": "^16.0.0",

    "@angular/compiler": "^16.0.0",

    "@angular/core": "^16.0.0",

    "@angular/forms": "^16.0.0",

    "@angular/material": "^16.0.0",

    "@angular/platform-browser": "^16.0.0",

    "@angular/platform-browser-dynamic": "^16.0.0",

    "@angular/router": "^16.0.0",

    "@ng-bootstrap/ng-bootstrap": "^14.1.1",

    "@ngx-translate/core": "^14.0.0",

    "@ngx-translate/http-loader": "^7.0.0",

    "@syncfusion/ej2-angular-base": "~21.2.3",

    "@syncfusion/ej2-angular-buttons": "~21.2.3",

    "@syncfusion/ej2-angular-calendars": "~21.2.3",

    "@syncfusion/ej2-angular-charts": "~21.2.3",

    "@syncfusion/ej2-angular-dropdowns": "~21.2.3",

    "@syncfusion/ej2-angular-grids": "~21.2.3",

    "@syncfusion/ej2-angular-inputs": "~21.2.3",

    "@syncfusion/ej2-angular-layouts": "~21.2.3",

    "@syncfusion/ej2-angular-lists": "~21.2.3",

    "@syncfusion/ej2-angular-navigations": "~21.2.3",

    "@syncfusion/ej2-angular-notifications": "~21.2.3",

    "@syncfusion/ej2-angular-popups": "~21.2.3",

    "@syncfusion/ej2-angular-richtexteditor": "~21.2.3",

    "@syncfusion/ej2-angular-splitbuttons": "~21.2.3",

    "@syncfusion/ej2-data": "~21.2.3",

    "@syncfusion/ej2-layouts": "~21.2.3",

    "@syncfusion/ej2-notifications": "~21.2.3",

    "@syncfusion/ej2-richtexteditor": "~21.2.3",

    "@syncfusion/ej2-splitbuttons": "~21.2.3",

    "bootstrap": "^5.2.3",

    "core-js": "^3.30.1",

    "file-saver": "^2.0.5",

    "hammerjs": "^2.0.8",

    "jquery": "^3.6.4",

    "moment": "^2.29.4",

    "ng-click-outside": "^9.0.1",

    "ng2-search-filter": "^0.5.1",

    "ngx-audio-player": "^11.0.4",

    "ngx-bootstrap": "^10.3.0",

    "ngx-cookie": "^6.0.1",

    "ngx-pagination": "^6.0.3",

    "ngx-toggle-switch": "^2.0.5",

    "rxjs": "~7.8.0",

    "tslib": "^2.5.0",

    "xlsx": "^0.18.5",

    "zone.js": "~0.13.0"

  },

  "devDependencies": {

    "@angular-devkit/build-angular": "^16.0.0",

    "@angular-devkit/build-ng-packagr": "^0.1002.0",

    "@angular/cli": "~16.0.0",

    "@angular/compiler-cli": "^16.0.0",

    "@angular/language-service": "~15.0.0",

    "@types/jasmine": "~4.3.1",

    "@types/jasminewd2": "~2.0.3",

    "@types/node": "^20.1.0",

    "codelyzer": "^5.0.0",

    "jasmine-core": "~4.6.0",

    "jasmine-spec-reporter": "~7.0.0",

    "karma": "~6.4.0",

    "karma-chrome-launcher": "~3.2.0",

    "karma-coverage": "2.2.0",

    "karma-coverage-istanbul-reporter": "3.0.3",

    "karma-jasmine": "~5.1.0",

    "karma-jasmine-html-reporter": "2.0.0",

    "ng-packagr": "16.0.0",

    "protractor": "7.0.0",

    "ts-node": "~10.9.1",

    "tsickle": "~0.46.3",

    "tslint": "~6.1.3",

    "typescript": "~5.0.4"

  }

}

[Narsimsetty Chalamaiah]

Hi Team 

i used below code and licence key in main.js , it is working fine to me , is it any issue or ok?

import { enableProdMode } from '@angular/core';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';

import { environment } from './environments/environment';

import { registerLicense } from '@syncfusion/ej2-base';

// Registering Syncfusion license key

registerLicense('Mgo+DSMBaFt+QHJqVk1hXk5Hd0BLVGpAblJ3T2ZQdVt5ZDU7a15RRnVfR1xhSXpRdUVqXnhccA==;Mgo+DSMBPh8sVXJ1S0R+X1pFdEBBXHxAd1p/VWJYdVt5flBPcDwsT3RfQF5jTH9RdkFhWn9Xd3xSRg==;ORg4AjUWIQA/Gnt2VFhiQlJPd11dXmJWd1p/THNYflR1fV9DaUwxOX1dQl9gSXtSdEVnW3xeeXxVRWA=;MjAxOTUwNUAzMjMxMmUzMjJlMzNtWEtzSjArVjM0K0UyMTNUbkQ4U1ZpRE9jL1lSZ1YreTFBalhyYzZocUdNPQ==;MjAxOTUwNkAzMjMxMmUzMjJlMzNrOHRDL1JsVkdHZW1ES2QrWkxGZExFcEdKMTNWUkYzdS9mWUthK0FpWjdFPQ==;NRAiBiAaIQQuGjN/V0d+Xk9HfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hSn5Wd0djXX1dcH1dTmNc;MjAxOTUwOEAzMjMxMmUzMjJlMzNQREN0ZDArU29HVUVvU1ZrZXVHNkNqbWhjUlZ0WTV2VkQxREpuMTdDWDFNPQ==;MjAxOTUwOUAzMjMxMmUzMjJlMzNRTnZ3aVFHWDVrL3BpMml0Y1IwNnhvSS9LM09PeVJtMEpKYmV6blRaenJzPQ==;Mgo+DSMBMAY9C3t2VFhiQlJPd11dXmJWd1p/THNYflR1fV9DaUwxOX1dQl9gSXtSdEVnW3xeeX1TQWA=;MjAxOTUxMUAzMjMxMmUzMjJlMzNiaXJEdFpqb0R6NGJDSi92cDhSMElrZHZYL3E0YzRQU0hqQUJ3akVlUzVzPQ==;MjAxOTUxMkAzMjMxMmUzMjJlMzNqYkRDZ0tjMXVLNmR5RHFNd3Z1aUtJZG5vQmREYkozMnllNitpSE4xbzFVPQ==;MjAxOTUxM0AzMjMxMmUzMjJlMzNQREN0ZDArU29HVUVvU1ZrZXVHNkNqbWhjUlZ0WTV2VkQxREpuMTdDWDFNPQ==');

if (environment.production) {

  enableProdMode();

}

platformBrowserDynamic().bootstrapModule(AppModule)

  .catch(err => console.error(err));

screen shot

Thanks & Regards

Chalamaiah N

[Theveshwar Jayakumar]

Hi Narsimsetty Chalamaiah,

Thanks for reaching us back.

We have investigated the license issue you are facing with our controls and after validating the package.json file, we have found that you are referring to the non-Angular packages of our controls. For instance, the @syncfusion/ej2-angular-base package is a sub-dependency of the component package, and therefore, there is no need to add the ej2-base package separately in the application. We kindly request that you remove the following packages from the package.json file and follow the steps outlined below to resolve this issue.

Remove the below non-Angular packages.

    "@syncfusion/ej2-angular-base": "~21.2.3",

    "@syncfusion/ej2-data": "~21.2.3",

    "@syncfusion/ej2-layouts": "~21.2.3",

    "@syncfusion/ej2-notifications": "~21.2.3",

    "@syncfusion/ej2-richtexteditor": "~21.2.3",

    "@syncfusion/ej2-splitbuttons": "~21.2.3",

Please follow the below steps once the changes are done

•  Delete the @Syncfusion folder from node_modules and the package-lock.json file from the root folder.

•  Clear npm .cache file at your end.

• Update our packages to the same major version. For example, if your utilizing version like (i.e. v21.X.XX) use the same version for all the Syncfusion components in the package.json file.

•  Run the ‘’npm install” command to install the node_modules.

Please let us know if you have any concerns.

Regards,

Theveshwar

[Narsimsetty Chalamaiah]

Hi Theveshwar

Step 1:

As you updated, i tried but getting issue of This application was built using a trial version of Syncfusion Essential Studio. To remove the license validation message permanently, a valid license key must be included

i removed below packages

"@syncfusion/ej2-angular-base": "~21.2.3",

    "@syncfusion/ej2-data": "~21.2.3",

    "@syncfusion/ej2-layouts": "~21.2.3",

    "@syncfusion/ej2-notifications": "~21.2.3",

    "@syncfusion/ej2-richtexteditor": "~21.2.3",

    "@syncfusion/ej2-splitbuttons": "~21.2.3",

and used below main.ts , (commented registerLicense  )

import { enableProdMode } from '@angular/core';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';

import { environment } from './environments/environment';

//import { registerLicense } from '@syncfusion/ej2-base';

// Registering Syncfusion license key

//registerLicense('Mgo+DSMBaFt+QHJqVk1hXk5Hd0BLVGpAblJ3T2ZQdVt5ZDU7a15RRnVfR1xhSXpRdUVqXnhccA==;Mgo+DSMBPh8sVXJ1S0R+X1pFdEBBXHxAd1p/VWJYdVt5flBPcDwsT3RfQF5jTH9RdkFhWn9Xd3xSRg==;ORg4AjUWIQA/Gnt2VFhiQlJPd11dXmJWd1p/THNYflR1fV9DaUwxOX1dQl9gSXtSdEVnW3xeeXxVRWA=;MjAxOTUwNUAzMjMxMmUzMjJlMzNtWEtzSjArVjM0K0UyMTNUbkQ4U1ZpRE9jL1lSZ1YreTFBalhyYzZocUdNPQ==;MjAxOTUwNkAzMjMxMmUzMjJlMzNrOHRDL1JsVkdHZW1ES2QrWkxGZExFcEdKMTNWUkYzdS9mWUthK0FpWjdFPQ==;NRAiBiAaIQQuGjN/V0d+Xk9HfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hSn5Wd0djXX1dcH1dTmNc;MjAxOTUwOEAzMjMxMmUzMjJlMzNQREN0ZDArU29HVUVvU1ZrZXVHNkNqbWhjUlZ0WTV2VkQxREpuMTdDWDFNPQ==;MjAxOTUwOUAzMjMxMmUzMjJlMzNRTnZ3aVFHWDVrL3BpMml0Y1IwNnhvSS9LM09PeVJtMEpKYmV6blRaenJzPQ==;Mgo+DSMBMAY9C3t2VFhiQlJPd11dXmJWd1p/THNYflR1fV9DaUwxOX1dQl9gSXtSdEVnW3xeeX1TQWA=;MjAxOTUxMUAzMjMxMmUzMjJlMzNiaXJEdFpqb0R6NGJDSi92cDhSMElrZHZYL3E0YzRQU0hqQUJ3akVlUzVzPQ==;MjAxOTUxMkAzMjMxMmUzMjJlMzNqYkRDZ0tjMXVLNmR5RHFNd3Z1aUtJZG5vQmREYkozMnllNitpSE4xbzFVPQ==;MjAxOTUxM0AzMjMxMmUzMjJlMzNQREN0ZDArU29HVUVvU1ZrZXVHNkNqbWhjUlZ0WTV2VkQxREpuMTdDWDFNPQ==');

if (environment.production) {

  enableProdMode();

}

platformBrowserDynamic().bootstrapModule(AppModule)

  .catch(err => console.error(err));

Step 2:

As I tried license key used in main.ts ,

got resolved issue in angular application , is it fine or not?

please find below screen shot

Thanks & Regards

Chalamaiah N

[Theveshwar Jayakumar]

Hi Narsimsetty Chalamaiah,

Yes, the followed register license method is fine. Please let us know if you have any concerns.

Regards,

Theveshwar

 

[Narsimsetty Chalamaiah]

Thank you ... 

please reply asap for this issue

https://www.syncfusion.com/forums/182374/need-to-implement-edit-and-delete-button

[Theveshwar Jayakumar]

Hi Narsimsetty Chalamaiah,

We hope your query for the ticket https://www.syncfusion.com/forums/182374/need-to-implement-edit-and-delete-button has been addressed by the corresponding team.

Please get back to us if you need further assistance.

Regards,

Theveshwar

[Narsimsetty Chalamaiah]

OK, thank you , it is working fine

[Theveshwar Jayakumar]

Hi Narsimsetty Chalamaia,

Thanks for the update, please get back to us if you need further assistance.

Regards,

Theveshwar