Formly in Tabs

[mohammedzamakhan]

I'm submitting a ... (check one with "x")

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request

Current behavior
Have two forms inside tabset doesn't allow the user to go back to Step 1 (first tab)

Expected behavior
It should work without any issues

Minimal reproduction of the problem with instructions
https://plnkr.co/edit/LjbRLPrbh0GI7kp7DiLf

[mohammedzamakhan]

https://plnkr.co/edit/LjbRLPrbh0GI7kp7DiLf submitted @franzeal

[mohammedzamakhan]

@franzeal issue created on ng-bootstrap module ng-bootstrap/ng-bootstrap#1069

[mohammedzamakhan]

@franzeal I am closing this issue, as this is ng-bootstrap issue, I was able to get this running using ng2-bootstrap https://plnkr.co/edit/z31ngGCEwykcCqPuBOjM?p=preview

[franzeal]

@mohammedzamakhan Unfortunately, even with ng2-bootstrap the tabs don't seem to behave correctly (though I'll probably explore this more, because the tabs are the only reason I'd have a dependency on either library): http://plnkr.co/edit/vp6koAP0m490Dp8hTdUJ?p=preview

Thank you very much, I appreciate that you shared the issue with ng-bootstrap folks and gave it a hard look.

[franzeal]

Just to follow-up, I was able to get the idea here to work. I ended up implementing my own tabset and tab components and using a tabset service provided by the tabset and used by the tabs to associate them. Maybe there's a better way. This solves my immediate issue, wasn't much effort, and allows me to use tabs in a flexible manner within our forms.

[mohammedzamakhan]

Can you give the plnkr with your implementation. We can put that example on the website

[franzeal]

https://plnkr.co/edit/hMZo3sXMqk35NckwYJCy?p=preview