diff --git a/gp-advanced-select/gpadvs-clear-button.js b/gp-advanced-select/gpadvs-clear-button.js new file mode 100644 index 000000000..aad093133 --- /dev/null +++ b/gp-advanced-select/gpadvs-clear-button.js @@ -0,0 +1,31 @@ +/** + * Gravity Perks // Advanced Select // Clear Button + * https://gravitywiz.com/documentation/gravity-forms-advanced-select/ + * + * Adds a Clear buton to GP Advanced Select fields. + * + * The Clear Button is a built in plugin of Tom Select. + * @reference https://tom-select.js.org/plugins/clear-button/ + * + * Instructions: + * + * 1. Install this snippet with our free Custom JavaScript plugin. + * https://gravitywiz.com/gravity-forms-code-chest/ + */ +window.gform.addFilter( + 'gpadvs_settings', + function(settings, gpadvsInstance, selectNamespace) { + /** + * Scope to only dropdown fields. + * This can also be changed to 'multiselect' to only target multi-select fields + * OR the conditional can be removed to apply to all fields. + */ + if (gpadvsInstance.fieldType === 'dropdown') { + settings.plugins.clear_button = { + title: 'Clear options', + }; + } + + return settings; + } +); diff --git a/gp-advanced-select/gpadvs-dropdown-remove-button.js b/gp-advanced-select/gpadvs-dropdown-remove-button.js new file mode 100644 index 000000000..a729c02ca --- /dev/null +++ b/gp-advanced-select/gpadvs-dropdown-remove-button.js @@ -0,0 +1,26 @@ +/** + * Gravity Perks // Advanced Select // Dropdown Remove Button + * https://gravitywiz.com/documentation/gravity-forms-advanced-select/ + * + * Adds a Remove button to selection options in Dropdown and MultiSelect fields. + * + * The Remove Button is a built in plugin of Tom Select. + * @reference https://tom-select.js.org/plugins/remove-button/ + * + * Instructions: + * + * 1. Install this snippet with our free Custom JavaScript plugin. + * https://gravitywiz.com/gravity-forms-code-chest/ + */ +window.gform.addFilter( + 'gpadvs_settings', + function(settings, gpadvsInstance, selectNamespace) { + settings.plugins.remove_button = { + title: window.GPADVS.strings?.remove_this_item + ? window.GPADVS.strings.remove_this_item + : 'Remove this item', + } + + return settings; + } +);