nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

how to create dynamic table user interface in forms ?

rahul1

Hi Folks,

Just wondering in activiti task-forms how does one create dynamic table user-interface ( the one in which user can add rows, delete rows, edit any row) ? and how would you store that data back into process variable? This is a very common UI requirement across business processes like expense-claims, employee onboarding, leave-request etc. Any inputs, suggestions, sample code will be appreciated ?

Find more posts tagged with

Comments

tombaeyens

Can you elaborate what exactly you mean with dynamic table user-interface?

Do you mean that you want to specify a number of properties and their type in a human task activity inside a process and that Activiti Explorer then shows a form in table layout to get the user input for that task? Or something else?

rahul1

more like if i define an array or map type and then activiti explorer shows a form in table layout in which the user can add rows of data, edit rows, delete rows and then finally submit the table of data back to process..thanks

jbarrez

The display of the table can be done by using basic freemarker (example from wikipedia):

<#list messages as m>
<p><b>${m.from}:</b> ${m.body}</p>
</#list>

However, if you want to delete, update, etc, rows, than you would need a more powerful component. I dont know if it would be possible with some javascript framework for example.

davidcognite

Hi Guys,

A couple of answers:

Joram: The YUI library we use in Explorer does indeed support these features, see examples at: http://developer.yahoo.com/yui/examples/datatable/dt_rowdatamod.html and http://developer.yahoo.com/yui/examples/datatable/dt_cellediting.html

Rahul: No, the client side element of the forms component within Explorer does not allow for user editable tabular data at the moment. To add support you'd need to handle both the client side elements (achieved using YUI DataTable and a standard html table output from the ftl) and the server side validation and storing of that data.

jeetesh

Please any one tel me how to create dynamic table user interface in forms

frederikherema1

Please do not revive 2 year old threads - instead create a new one.

Anyway, to answer your question: you're question is very vague. Maybe share the technology you're using, your actviti setup and what you exactly mean with "dynamic table". Also, what have you already tried?