Workflow - AngularJS Components - Custom

Published on Thursday, 7 September 2017

In this Article I will run through how to use some custom AngularJS javascript and css to add anything to a form.

Table Of Contents

Firstly we need some Angular code,

Text Rich Marked

Merge Text - add the source

LogicBase.Components.Default.Process.MergeTextComponent
https://www.symantec.com/connect/articles/merge-text

In the MergeText add the CSS and JS.

CSS

<style type="text/css">
  ...
</style>

JS

<script type="text/javascript">
  ...
</script>

Finally add the HTML

<html ng-app='ngCheckers'>
  ...
</html>

window_edit

Include Html

LogicBase.Components.FormBuilder.AdvancedComponents.Include.IncludeHtmlComponent
https://www.symantec.com/connect/articles/includehtml

Use the Merge Text as the "Text To Include"

Appearance

Set the Property in the "General" tab to "Use Angular JS".

AngularJS

Run it in the browser and enjoy your game of Checkers.

Checkers

Protirus.png