Creating FormIO custom component to use HandsOnTable spread sheet in form builder using React JS

[tmohanbtech]

Hi, I am new to Form IO and need to create a custom component using HandsOnTable Spreadsheet which will be available in my form builder , so that user can able to use Spredsheet in the forms. It could be better some one can help me to create new component as Spreadsheet using HandsOnTable and integrate in Form IO builder using React js. Thanks

[aiwebb]

@tmohanbtech, here is an example of a custom component in React: https://github.com/formio/react-app-starterkit/tree/3.x/src/components

[tmohanbtech]

Thanks for your answer @aiwebb. I have gone through the above link but I need to construct new custom component using third party element i.e HandsOnTable Spreadsheet. Is there any way that we can directly render another third party component in FormIO components

[aiwebb]

@tmohanbtech, you can set this.element in your build() function to a dynamically created element that is then wrapped by HandsOnTable as a new table instance.

[simonv3]

The example in the react-app-starterkit is pretty old - using formio 3.x - is there nothing newer? Edit: I found this which I could get working, though it is related to a bug as described in this ticket.

Since what I'm looking to do is purely display that bug isn't really relevant to me.

[TanyaGashtold]

I am closing the issue as it was created too long ago and there are no new comments here. I hope it was resolved. If not, please reopen it. Thanks!