Adding my own button for form submit

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that the user wanted to add his own CRED submit button to use his own custom styling.

Solution:

Actually you can replace the form submit button with an html submit button like this.

<button type="submit" name='form_submit' class="btn btn-primary">
 Submit
</button>

If you replace the submit button shortcode you can use the html above instead and you should be able to customize the way you like.

This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	-
-	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	14:00 – 18:00	13:00 – 18:00	-

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: Content-submission forms, CRED API, Toolset Forms

This topic contains 4 replies, has 2 voices.

Last updated by ThomasB2891 6 years, 10 months ago.

Assisted by: Shane.

Author

Posts

January 29, 2018 at 2:19 pm #610721

ThomasB2891

Hi, is there a way to add my own button (or anchor tag) to a cred form to submit? Is there a js function that can be called onclick that will submit the form?

I'm having trouble making the standard cred button look the way I want. I know I can add a class name but I need to be able to include icons and I'm having trouble doing this with the credit button. I would have much more control if I could add my own HTML button in the cred form.

Is this possible? Thanks

January 29, 2018 at 8:03 pm #610853

Shane

Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Thomas,

Thank you for contacting our support forum.

Actually you can replace the form submit button with an html submit button like this.

<input type="submit"  name="form_submit" value="Submit" class="">

If you replace the submit button shortcode you can use the html above instead and you should be able to customize the way you like.

Please let me know if this helps.
Thanks,
Shane

January 30, 2018 at 2:24 pm #611092

ThomasB2891

Shane,

Thanks for the response. That looks like it will work. I'm assuming this work if I use a button tag as well?

Like:

<button type="submit" class="btn btn-primary">
  <i class="icon-user icon-white"></i> Sign in
</button>

Thanks,
Tom

January 30, 2018 at 3:06 pm #611108

Shane

Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Thomas,

In order for it to submit the form you need to add this attribute to your button html.

name='form_submit'

Once that is added your form should start submitting.

Please let me know if it works now.

Thanks,
Shane

February 7, 2018 at 2:42 pm #613788

ThomasB2891

Thanks for the help. That worked perfectly.