Super Flexible Cards
If you wish your Custom Card to contain bespoke content, you can select the 'customized' option while editing the card. This will allow you to add HTML and Typescript. 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, but also that 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: 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.
This will expose further tabs on screen:
The following new attributes will now be available:
Attribute
Description
HTML
The HTML Code will populate the Custom Data Fields on the Ticket/Case/Action. Also specifies the input format in which the data needs to be added.
If you references a field in the HTML for a card, the field must be added to the card in order to work.
Typescript
The Typescript will do the binding of data, adjust the HTML before rendering it to the webpage. It can also perform the validations where it can highlight the mandatory fields.
CSS
Deals with styling required for the HTML; example hiding the up/down arrow on a number field control etc. can be done by writing a CSS in this section.
The existing auto-generated code for the Super Simple Card will be displayed within the tabs. This can be adjusted / overwritten as desired.
Note: If you wish to return the card to its 'super simple' auto-generated layout, switch the customized setting back to off. This will remove any custom code and return the card to its original form.
When you update the Custom Card by adding new Custom Data Fields to it, you will have to disable and re-enable the 'Customized' toggle option in order to generate the customised code for the new fields.
You can see what edits have been made to the Custom Card and when, as well as when the Custom Card was created, and even when a Custom Card was deleted by clicking on the Show Activity button.

Custom Card Code Examples

Check out the Custom Card Code section of the Enate Extensions area to learn more about the code you can write and how to interact with data fields and validation.
Copy link