I've done further research and looked at other posts and here's what I've come up with.
DynamicForms uses DNN's dnnTabs jQuery wrapper for the jQuery tabs.
I've been able to create a plain HTML page with jQuery code that sets up tabs following the examples at
http://jqueryui.com/tabs/
In my sample, I was able to add Previous and Next buttons that actually call the jQuery UI functions to set the active tab appropriately and it works fine.
Of course, integrating that code into DNN is a different story. I've set up a Text/HTML module with the appropriate jQuery code in the module Header and HTML markup in the module text. The tabs are rendering and the previous and next buttons are firing but ...
I'm creating the tabs with:
$('#tabs').dnnTabs().dnnPanels();
I have 2 methods that are not working for me:
// This method should call my function when a tab is activated
// Generating error: Uncaught TypeError: Object [object Object] has no method 'on'
$('#tabs').on("tabsactivate", function (event, ui) { ShowHideButtons(); });
// This method should return the active tab index
// It's returning [object Object]
$('#tabs').tabs('option', 'active');
I also tried $('#tabs').dnnTabs... with the same result.
Once I get this working, I will try to integrate with DynamicForms.
I'm hoping somebody who is more familiar with DNN's implementation of jQuery can maybe help me out here?
Any other thoughts would also be appreciated. I'm just looking for something that will work.
Thanks in advance.