s
Contact Login Register
h M

Dynamic Forms Custom Submit Button with Tabs

Author: Chad Nash/Wednesday, May 30, 2012/Categories: In The Flow

Rate this article:
No rating

Have you ever wanted to use the Tabs feature within a Dynamic Forms 4.0 + instance? If so, many people want the submit button to be available only on the last tab. However the default Dynamic Forms submit button is available to all tabs.

This example will provide a solution to this:

 

This is my form, there are 3 tabs.

1.) Personal Info

1

 

2.) Address Info

2

3.) Contact Info

3

 

For the last tab “Contact Info”, make sure that you include a Text/HTML question with HTML to render a button.

To make this Custom Text/HTML button submit the Dynamic Form, you will need to copy the jQuery call that’s embedded inside of the “Original Submit Link” onClick event. I use the FireFox plugin (FireBug) to inspect controls, CSS, JavaScript, etc.. on a page.

 

In the case of my form, my jQuery call to submit the Dynamic Form is:

__doPostBack('dnn$ctr2536$DynamicForms$lnkSave','')

You will need to paste this code into the OnClick event of your Text/HTML custom Submit button like so:

4

 

 

Now all that you’ll need to do is go to Module Configuration –>  Links (Submit, Save for Later, Clear) –> and Initially hide the submit link:

5

 

Now you have finished creating your custom HTML button.

Number of views (177736)/Comments (-)

Tags:
blog comments powered by Disqus

Enter your email below AND grab your spot in our big giveaway!

The winner will receive the entire Data Springs Collection 7.0 - Designed to get your website up and running like a DNN superhero (spandex not included).

Subscribe