-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathtask_variables.html
181 lines (153 loc) · 9.07 KB
/
task_variables.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Forms flow ai documentation">
<meta name="author" content="formsflow.ai">
<link rel="shortcut icon" href="favicon.ico">
<title>Welcome to formsflow.ai</title>
<!-- Google Font -->
<!-- <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.js"></script>
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/simplelightbox/simple-lightbox.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/theme.css">
<link id="theme-style" rel="stylesheet" href="assets/css/atom-one-dark.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<header class="header fixed-top">
<div class="branding docs-branding">
<div class="container-fluid position-relative py-2">
<div class="docs-logo-wrapper">
<button id="docs-sidebar-toggler" class="docs-sidebar-toggler docs-sidebar-visible me-2 d-xl-none"
type="button">
<span></span>
<span></span>
<span></span>
</button>
<div class="site-logo"><a class="navbar-brand" href="index.html"><img class="logo-icon me-2"
src="assets/images/formsflow.ai-logo.svg" alt="logo"><span
class="logo-text">formsflow.ai</span></a></div>
</div>
<!--//docs-logo-wrapper-->
<div class="docs-top-utilities d-flex justify-content-end align-items-center">
<!-- <div class="top-search-box d-none d-lg-flex">
<form class="search-form">
<input type="text" placeholder="Search the docs..." name="search"
class="form-control search-input">
<button type="submit" class="btn search-btn" value="Search"><i
class="fas fa-search"></i></button>
</form>
</div> -->
<ul class="social-list list-inline mx-md-3 mx-lg-5 mb-0 d-none d-lg-flex">
<li class="list-inline-item"><a href="https://github.com/AOT-Technologies/forms-flow-ai"><i
class="fab fa-github fa-fw"></i></a></li>
</ul>
<!--//social-list-->
<a href="https://github.com/AOT-Technologies/forms-flow-ai"
class="btn btn-primary d-none d-lg-flex">Download</a>
</div>
<!--//docs-top-utilities-->
</div>
<!--//container-->
</div>
<!--//branding-->
</header>
<!--//header-->
<div class="docs-wrapper">
<div id="docs-sidebar" class="docs-sidebar">
<!-- mobile view -->
<div class="top-search-box d-lg-none p-3">
<form class="search-form">
<input type="text" placeholder="Search the docs..." name="search" class="form-control search-input">
<button type="submit" class="btn search-btn" value="Search"><i class="fas fa-search"></i></button>
</form>
</div>
</div>
<div>
<div class="container" id="main-content">
<article class="docs-article">
<section class="docs-section" id="taskvariables">
<div>
<h1 id="taskvariables">BPMN variable</h1>
<hr><br>
BPMN variables are the form fields that you added to the form. Users can select form
fields that they want to display in the task list.
<ol>
<b><li>Create a new form or Edit an already created form</li><br>
<img src="./assets/images/task_variables/editForm.png" width="1000"
height="500"><br><br>
<li>Associate the form with the workflow</li><br>
<img src="./assets/images/task_variables/associate_workflow.png" width="1000"
height="500"><br><br>
<li>Ensure the workflow has included FormBPMFilteredDataPipelineListener</li><br>
<img src="./assets/images/task_variables/filtered_listener.png" width="1000"
height="500"><br><br>
<li>Add task filter variables to the form. The FormBPMFilteredDataPipelineListener
copies
the added task variable keys from form (formio) to Camunda variables</li>
<ul><li>Select all fields:</li></b>
Select the checkbox to choose all fields from the form as task variables.<br><br>
<img src="./assets/images/task_variables/all_variables.png" width="1000"
height="500"><br><br>
<b><li>Select specific fields:</li></b>
Deselect the checkbox and choose only the necessary fields from the list for task variables.<br><br>
<img src="./assets/images/task_variables/specific_fields.png" width="1000"
height="500"></ul><br><br>
<b><li>Click the edit label button to update the label if required
</li><br>
<img src="./assets/images/task_variables/edit_label.png" width="1000"
height="500"><br><br>
<li>Submit new application with this form</li><br>
<img src="./assets/images/task_variables/form_submit.png" width="1000"
height="500"><br><br>
<li>Now these variables are displayed in user's tasklist, you can select any variables from the list </li></b><br>
<img src="./assets/images/task_variables/taskAttr_list.png" width="1000"
height="500"><br><br>
</ol>
</div>
</section>
</article>
</div>
<!-- ----------------------- this is footer section ------------------------ -->
<footer class="footer">
<div class="container text-center py-5">
<small class="copyright">Copyright © <a href="https://formsflow.ai/"
target="_blank">formsflow.ai</a></small>
<ul class="social-list list-unstyled pt-4 mb-0">
<li class="list-inline-item"><a href="https://github.com/AOT-Technologies/forms-flow-ai"><i
class="fab fa-github fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com/formsflowai"><i
class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a
href="https://www.linkedin.com/company/aot-technologies/products/"><i
class="fab fa-linkedin-in"></i></a></li>
<li class="list-inline-item"><a href="https://www.facebook.com/formsflowai"><i
class="fab fa-facebook-f fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com/formsflow.ai/"><i
class="fab fa-instagram fa-fw"></i></a></li>
</ul>
<!--//social-list-->
</div>
</footer>
</div>
</div>
</div>
<!--//docs-wrapper-->
<!-- Javascript -->
<script src="assets/plugins/popper.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- Page Specific JS -->
<script src="assets/plugins/smoothscroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js"></script>
<script src="assets/js/highlight-custom.js"></script>
<script src="assets/plugins/simplelightbox/simple-lightbox.min.js"></script>
<script src="assets/plugins/gumshoe/gumshoe.polyfills.min.js"></script>
</body>
</html>