Advanced Custom Card Code
Last updated
Last updated
In Enate you can add custom content into your Tickets, Cases & Actions. This custom content is displayed via Custom Cards which can be set to display in the main section of the work item, and also as a section of the side panel on the right side of the screen.
You can instantly create cards of your custom data fields or you can create Advanced Custom Cards that can be designed with HTML, JavaScript or CSS to show richer content such as external systems & webforms.
To create an Advanced Custom Card, select the 'Advanced' option in the Custom Card screen. This will allow you to add HTML, Typescript and CSS.
You will first be presented with a warning message highlighting that you're responsible for the errors / unexpected behaviour that may occur from your bespoke code.
You can revert back at any time by switching the customized setting back to off - this will remove any custom code and return the card to its original form.
Please Note: A Custom Card is an angular component which is a combination of Typescript, HTML and CSS. Please go to https://angular.io/guide/component-overview and read through it before moving on. Custom Cards in Enate execute in Angular 10. Customers who use or are developing advanced custom card content should review the changelog of Angular 10 (https://github.com/angular/angular/blob/master/CHANGELOG.md) for changes that may affect their custom code.
Check out the following sections for explanations for how they are structured plus some examples of standard content you may wish to use..
Custom Card ValidationCustom Card HTMLCustom Card CSSYou can check out our Github section that provides you with sample code integrations for Advanced Custom Cards here:
