# Appearance Settings for Submit Button

**URL:** <https://community.gravityforms.com/t/appearance-settings-for-submit-button/15100>\
**Category:** Get Help\
**Tags:** gform\_field\_appearance\_settings, css, submit-button\
**Created:** [May 8, 2023, 8:09pm UTC](https://community.gravityforms.com/t/appearance-settings-for-submit-button/15100 "2023-05-08T20:09:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![user630f0b1fde97e179](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user630f0b1fde97e179/32/7041_2.png) [@user630f0b1fde97e179](https://community.gravityforms.com/u/user630f0b1fde97e179)\
**Post date:** [May 8, 2023, 8:09pm UTC](https://community.gravityforms.com/t/appearance-settings-for-submit-button/15100/1 "2023-05-08T20:09:09Z")

</div>

I am trying to add Field Settings to the submit button appearance settings section.

I’ve already added Settings to other Fieldtypes (text, textarea, email, …) with the code snippets under this link: [https://docs.gravityforms.com/gform\_field\_standard\_settings](https://docs.gravityforms.com/gform_field_standard_settings)

These code Snippets do not work for the submit button. The settingsfield is showing up but the value does not get saved.

Is there a way to make this work?

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [May 8, 2023, 8:24pm UTC](https://community.gravityforms.com/t/appearance-settings-for-submit-button/15100/2 "2023-05-08T20:24:54Z")

</div>

Hi Gernot. Please post a link to the page on your site where we can see your form, and let us know what sort of styles you want to apply to the button. Thank you.

---

<div class="post-metadata">

**Author:** ![user630f0b1fde97e179](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user630f0b1fde97e179/32/7041_2.png) [@user630f0b1fde97e179](https://community.gravityforms.com/u/user630f0b1fde97e179)\
**Post date:** [May 9, 2023, 8:32am UTC](https://community.gravityforms.com/t/appearance-settings-for-submit-button/15100/3 "2023-05-09T08:32:21Z")

</div>

I want to add a dropdown to the button settings, so that the client can easily switch between 3 different button styles.

I am already changing the button output with the action “gform\_submit\_button”. Within this function I could apply the additional settings from the dropdown.

So the question is, if it is even possible to add additional settings to the submit button?

Here is what I have tried:  
With action “gform\_field\_standard\_settings” I added a textfield:

```auto
function pardot_standard_settings($position, $form_id) // add standard settings
{
    if($position == 1500) {
        ?>
        <li class="pardot_setting field_setting">
            <label for="field_pardot_value" style="display:inline;">
                <?php _e("Pardot Feld Name", "domain"); ?>
                <?php gform_tooltip("form_field_pardot_value") ?>
            </label>
            <input type="text" id="field_pardot_value" onchange="SetFieldProperty('pardotField', this.value);" />
        </li>
        <?php
    }
}
add_action('gform_field_standard_settings', 'pardot_standard_settings', 10, 2);

```

With action “gform\_editor\_js” I added the script:

```auto
function x_editor_script(){
    ?>
    <script type='text/javascript'>
// adding setting to fields
        fieldSettings.text += ', .pardot_setting';
        fieldSettings.textarea += ', .pardot_setting';
        fieldSettings.email += ', .pardot_setting';
        fieldSettings.checkbox += ', .pardot_setting';
        fieldSettings.checkbox += ', .pardotoutput_setting';
        fieldSettings.radio += ', .pardot_setting';
        fieldSettings.phone += ', .pardot_setting';
        fieldSettings.number += ', .pardot_setting';
        fieldSettings.select += ', .pardot_setting';
        fieldSettings.consent += ', .pardot_setting';
        fieldSettings.submit += ', .pardot_setting';

        jQuery(document).on('gform_load_field_settings', function(event, field, form){
            console.log(field);
            jQuery('#field_pardot_value').val(rgar(field, 'pardotField'));
        });
    </script>
    <?php
}
add_action('gform_editor_js', 'x_editor_script');

```

It works perfect for all drag-and-drop fields. But the submit button is different - the js object looks different. It does not have all the properties and therefor the value of the pardot\_field does not get saved anywhere.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [June 8, 2023, 8:33am UTC](https://community.gravityforms.com/t/appearance-settings-for-submit-button/15100/4 "2023-06-08T08:33:00Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.