How can I change this so that it still pulls in the text that was typed in for the submit button on the form setttings instead of being stuck with "Submit":
add_filter("gform_submit_button", "form_submit_button", 10, 2);
function form_submit_button($button, $form){
return "<button class='btn btn-warning btn-large' id='gform_submit_button_{$form["id"]}'><div class='center'>Submit</div></button>";
}If you're using the filter, then that overrides the form settings. You would need to change the button text directly in the filter/markup.
add_filter("gform_submit_button", "form_submit_button", 10, 2);
function form_submit_button($button, $form){
return "<button class='btn btn-warning btn-large' id='gform_submit_button_{$form["id"]}'><div class='center'>YOUR BUTTON TEXT HERE</div></button>";
}Is it not possible to put something in like this to get it to pull the text in?
gform_submit_button_{$form["BUTTON TEXT FIELD"]}
Alternatively is there a better way to simply change the style of the button and get it centered in the form?
Thank you
Do you need an actual "button" element for some reason? If not, you can leave that out all together and use the default "submit" type input and the verbiage can be changed directly from the form settings.
Also, sure, centering the button or submit element is just a matter of applying the proper CSS rules. If you would like to post a URL to your some, someone here can take a look and help you with a proper CSS snippet to get it positioned correctly.
That is great, thank you. Here is an example: http://www.ccctrain.com/medical-assistant/ I'm using the pagelines framework, and they've got some classes defined for buttons that I'd like to carry through to my forms and then also get them centered in the elements in which they appear.
Just looked at your form and it appears you have the button styled and centered?
screenshot: http://bit.ly/WymPuo
Did you still need some help or have you sorted it all out?
Well, you can use the filter mentioned above to completely re-write the button markup and assign whatever classes you want.
http://www.gravityhelp.com/documentation/page/Gform_submit_button
Other than that, you can use more specific CSS inheritance to override any existing class definitions and to add new styling.
I have a similar question to the last one Caleb44 posted. Is it possible to assign a different class name to the submit button from the form editor? It seems that custom class names can be added to every element of the form except for the submit button.
You can apply a unique class name to the form itself in the form settings. From there, you can use simple CSS inheritance to target the submit button. Here's a quick example.. I added the class name "someform" in the main form settings
[css]
body .gform_wrapper.someform_wrapper .gform_footer input.gform_button {
font-size:1.6em;
color: blue
}screenshot: http://bit.ly/Sp7tWK
Also, if you inspect the markup, you'll see that the submit button has a unique ID besides the class that you can target for CSS manipulation. Either way should work just fine for you.
Thanks, I used your solution.