FUNCTION                   : background color      <------- provide the function name
--------------------------- -- your input is INPUT color
INPUT | common 1           :              
|
INPUT | common 2           :              
+----> provide a quick reminder info into the
INPUT | url                :                         
input(s) that is used
INPUT | file               :
INPUT | font               : Arial

INPUT | color              :    0,0,0
INPUT | easing             : LINEAR
INPUT | animate css        : keyframe-rubberBand
FUNCTION INFO (READ HERE)  :       
<-------- provide detailed information about the input value(s)
--------------------------- -- your input is INPUT color
...                                       
|
...                                       
+----> provide a quick reminder info into the
variable | common 1        :                         
input(s) that is used
variable | common 2        :
...
IMPORTANT: all external content (=property Input | file) is written to the folder path    jor_aniMate/data/
FUNCTION                         : background color
--------------------------------- -- your input is INPUT color
INPUT | common 1                 :
INPUT | common 2                 :
INPUT | url                      :
INPUT | file                     :
INPUT | font                     : Arial

INPUT | color                    :    0,0,0
INPUT | easing                   : LINEAR
INPUT | animate css              : keyframe-rubberBand
FUNCTION INFO (READ HERE)        :
--------------------------------- -- your input is INPUT color
...
...
variable | common 1              :
variable | common 2              :
variable | common 1 | value tag  : string
variable | common 2 | value tag  : string
variable | url                   :
variable | file                  :
variable | font                  :
variable | color                 : myBackgroundcolor   <------- the variable name is entered here
variable | easing                :
variable | animate css           :
EXPLAIN ?

The   TEMPLATE SET   properties are used to create an user friendly interface for custom coded Templates
Each instance of jor_aniMateTEMPLATE can become it's own extension with it's own   functions and values   to enter
The limitations of presenting an user interface with jor_aniMateTEMPLATE is that each input normally would have it's own   input type
Input types like a   color input   or an   option list   or an   url input   etc etc
This is not possible with jor_aniMateTEMPLATE , because the function and it's value is an unknown and will differ per script
To overcome this limitations each entry of the   TEMPLATE SET   has 8 designated inputs instead   ( 1 entry = 8 inputs )
Detailed info regarding the inputs that are actually used per entry, can be found in the   FUNCTION INFO (READ HERE)   property

A script will always end up with variables to input for the user
These variable can be entered into the TEMPLATE SET variable properties
__________________________________________________________________________
more info on   template settings   see here Introduction jorAMP
more info on   template settings   see here Overview Template Set User

••• EXAMPLE

Creating a background color variable in the TEMPLATE SET
PROVIDING INFORMATION

Information regarding the variable function and it's value can be set in the following properties ...
TEMPLATE SET CODER - OVERVIEW
VARIABLES

The variable in this example that will be created for this entry will look like this ...

var myBackgroundcolor='#000000';

IMPORTANT:
it is very important that the variables that are not used, are set to   BLANK  
(=no code is generated)
And that   tags   on the 2 common inputs are set if needed 
(=string vs non-string)
b5.6