It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How to create dynamic forms with Atlaskit forms Edited

Hi everyone, I'm currently developing a Jira Cloud addon using Atlassian connect. The UI is implemented in React using Atlaskit. I need to create a form where you can add or remove dynamically an array of fields. For example, an user can have multiple addreses. Each address has a few fields like street, city, zipcode. When you press Add address, the form should show a new empty input group with those fields. Also, you could remove any of those input groups.

I checked the source code from @atlaskit/form and found out its based on final-form. In final-form you can extend it using final-form-arrays and react-final-form-arrays. This way, you can use FieldArray and with some mutations (push, pop) that are injected to the form I could achieve the functionality I'm looking for.

The problem is that @atlaskit/form instantiates the form and I couldn't find a way to inject the properties needed to manage field arrays.

I wonder if anyone has solved this use case which should be pretty common using @atlaskit/form and has an example for it or if I should use final-form instead.

Thanks for your feedback.

2 answers

1 accepted

0 votes
Answer accepted

Hi @Geronimo Barrionuevo ,

 

Welcome to the community. 

There is a developer community,  I think there you will get better answers for your problem. 

 

https://community.developer.atlassian.com/

Thanks Bastian, i just posted my question there.

That is an interesting work @Geronimo Barrionuevo

Keep us updated here of your progress. 

 

Thanks!

Doods

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted in Jira

Demo Den Ep. 7: New Jira Cloud Reports

Learn how to use two new reports for next-gen projects in Jira Cloud:  Cumulative flow diagram and Sprint burndown chart. Ivan Teong, Product Manager, Jira Software, demos the Cumulative ...

347 views 1 3
Join discussion

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you