name = 'acfe_button';
$this->label = __('Button', 'acfe');
$this->category = 'basic';
$this->defaults = array(
'button_value' => __('Submit', 'acfe'),
'button_type' => 'button',
'button_before' => '',
'button_after' => '',
'button_class' => '',
'button_id' => '',
);
parent::__construct();
}
function render_field_settings($field){
// Value
acf_render_field_setting($field, array(
'label' => __('Button value', 'acfe'),
'instructions' => __('Set a default button value', 'acfe'),
'type' => 'text',
'name' => 'button_value',
'default_value' => __('Submit', 'acfe')
));
// Type
acf_render_field_setting($field, array(
'label' => __('Button value', 'acfe'),
'instructions' => __('Choose the button type', 'acfe'),
'type' => 'radio',
'name' => 'button_type',
'default_value' => 'button',
'layout' => 'horizontal',
'choices' => array(
'button' => __('Button', 'acfe'),
'submit' => __('Submit', 'acfe'),
),
));
// class
acf_render_field_setting($field, array(
'label' => __('Button attributes','acf'),
'instructions' => '',
'type' => 'text',
'name' => 'button_class',
'prepend' => __('class', 'acf'),
));
// id
acf_render_field_setting($field, array(
'label' => '',
'instructions' => '',
'type' => 'text',
'name' => 'button_id',
'prepend' => __('id', 'acf'),
'_append' => 'button_class'
));
// Before HTML
acf_render_field_setting($field, array(
'label' => __('Before HTML', 'acfe'),
'instructions' => __('Custom HTML before the button', 'acfe'),
'type' => 'textarea',
'name' => 'button_before',
'rows' => 4,
));
// After HTML
acf_render_field_setting($field, array(
'label' => __('After HTML', 'acfe'),
'instructions' => __('Custom HTML after the button', 'acfe'),
'type' => 'textarea',
'name' => 'button_after',
'rows' => 4,
));
// Ajax
acf_render_field_setting($field, array(
'label' => __('Ajax call', 'acfe'),
'instructions' => __('Trigger ajax event on click', 'acfe'),
'name' => 'button_ajax',
'type' => 'true_false',
'ui' => 1,
));
ob_start();
?>
Write your own Ajax code using the following hook:
add_action('wp_ajax_acfe/fields/button', 'my_acf_button_ajax');
add_action('wp_ajax_nopriv_acfe/fields/button', 'my_acf_button_ajax');
function my_acf_button_ajax(){
/**
* @bool/string $_POST['post_id'] Current post ID
* @string $_POST['field_key'] Button's field key
* @string $_POST['field_name'] Button's field name
*/
echo 'Hello World';
die;
}
acf.addAction('acfe/fields/button/before_ajax', function($el){
// $el
});
acf.addAction('acfe/fields/button/ajax_success', function(response, $el){
// response
// $el
});
__('Ajax instructions','acf'),
'instructions' => '',
'type' => 'message',
'name' => 'instructions',
'message' => $message,
'new_lines' => false,
'conditional_logic' => array(
array(
array(
'field' => 'button_ajax',
'operator' => '==',
'value' => '1',
)
)
)
));
}
function render_field($field){
// Before
if(isset($field['button_before']) && !empty($field['button_before'])){
echo $field['button_before'];
}
$ajax = false;
$button_ajax = $field['button_ajax'];
if($button_ajax)
$ajax = 'data-ajax="1"';
// Button
if($field['button_type'] === 'button'){
echo '' . esc_attr($field['button_value']) . ' ';
// Submit
}elseif($field['button_type'] === 'submit'){
echo '