Where can I find the definitions of custom HTML tags used in a Service Portal widget

Frank10
Tera Expert

Hello,

 

I was wondering where I can find the definitions/how one would create these custom HTML tags. I was looking at the Employee Center widget HR Checklist and there seems to be a few there, those being "hr-skip-task" and "hr-show-updating". I have been looking for information on this and coming up empty so any clarification would be welcome. 

 

Thanks!

1 REPLY 1

Jacob Begotka1
Tera Contributor

Hello,

 

Not sure if you are having this issue still but figured I would answer for anyone else that stumbles upon this post. Those custom tags are AngularJS directives, on the widget you are editing look at the "Angular Providers" related list. The HTML tag you are seeing is the name of the directive but in kebab-case.

 

Here is the link to the document Directives

 

Directive names use camelCase which must be referenced using kebab-case in HTML. For example, a directive named myDirective is <my-directive> in HTML. In kebab-case:

  • All letters are lowercase
  • Spaces are replaced by hyphens
  • Hyphens are inserted before letters which were uppercase