Field Parameters
Table of Contents generated with DocToc
namelabel_cbdescidtyperepeatabledefaultdefault_cbshow_namesclassesclasses_cbon_frontattributesbefore,after,before_row,after_row,before_field,after_fieldbefore_group,after_group,before_group_row,after_group_rowbefore_display_wrap,before_display,after_display,after_display_wrapcolumnshow_on_cboptionsoptions_cbsanitization_cbescape_cbrender_row_cbdisplay_cbdate_formatremove_defaultrender_classquery_argssave_fieldrest_value_cbtext
Most (if not all) fields support the parameters on this page. When a field type supports extra parameters, those parameters are documented with the given field type. Also, please review the example-functions.php file for examples/demonstration.
The field label
'name' => 'First Name',
Allows for specifying a callback to customize the label/name text value. Should return a string.
'label_cb' => 'yourprefix_function_to_add_label',
function yourprefix_function_to_add_label() {
return 'Custom label string';
}Field description. Usually under or adjacent to the field input.
'desc' => 'Please enter your first name.',
The data key. If using for posts, will be the post-meta key. If using for an options page, will be the array key. Required.
'id' => 'yourprefix_first_name',
What makes the whole thing work. Required.
'type' => 'text_medium',
Supported by most field types, and will make the individual field a repeatable one. Default is false.
'repeatable' => true,
In order to customize Add Row button label, add to your Field's config array:
'text' => array(
'add_row_text' => 'Add Another Special Row',
),Specify a default value for the field.
'default' => 'John',
Defining a callback which will be used to specify a default value for the field when it does not have a value saved. Example:
'default_cb' => 'set_to_today',
$cmb->add_field( array(
'name' => 'Favorite day of the week',
'id' => 'wiki_test_favorite_day_of_week',
'type' => 'text',
'default_cb' => 'set_to_today',
) );/**
* Set to day of week.
*
* @param object $field_args Current field args
* @param object $field Current field object
*/
function set_to_today( $field_args, $field ) {
return date( 'l' );
}Another example where the default value for one date field is set by the value of another:
$cmb->add_field( array(
'name' => 'Start date',
'id' => 'foobar_start_date',
'type' => 'text_date_timestamp',
) );
$cmb->add_field( array(
'name' => 'End date',
'id' => 'foobar_end_date',
'type' => 'text_date_timestamp',
'show_on_cb' => 'yourprefix_get_start_date', // Let's only show the end date if the user already saved the start date.
'default_cb' => 'yourprefix_default_end_if_no_start_cb',
) );/**
* Get the start date value for field.
*
* @param object $field CMB2 field object
*
* @return array Array of field options
*/
function yourprefix_get_start_date( $field ) {
return get_post_meta( $field->object_id, 'foobar_start_date', true );
}
/**
* Sets to same as Start Date if empty
*
* @param array $field_args Array of field args.
* @param object $field Current field object
*
* @return array Array of field options
*/
function yourprefix_default_end_if_no_start_cb( $field_args, $field ) {
return yourprefix_get_start_date( $field );
}Whether to show the label for the field. Default is true.
'show_names' => false,
This parameter allows you to add additional classes to the cmb-row wrap. This parameter can take a string, or array, or can take a callback that returns a string or array. Like above, the callback will receive $field_args as the first argument, and the CMB2_Field $field object as the second argument.
'classes' => 'additional-class',
Like the classes parameter, allows adding classes to the row wrap, but takes a callback. That callback should return an array of classes. The callback function gets passed the $field object. Example:
'classes_cb' => 'yourprefix_function_to_add_classes',
/**
* Add classes to the row.
* @param object $field_args Current field args
* @param object $field Current field object
*/
function yourprefix_function_to_add_classes( $field_args, $field ) {
$classes = array(
'class1',
'class2',
// etc...
);
return $classes;
}If you're planning on using your metabox fields on the front-end as well (user-facing), then you can specify that certain fields do not get displayed there by setting this parameter to false. Default is true.
'on_front' => false,
Will modify default attributes (class, input type, rows, etc), or add your own (placeholder, data attributes). Example:
$cmb->add_field( array(
'name' => 'Extra Small Textarea',
'id' => 'wiki_test_xtra_small_textarea',
'type' => 'textarea_small',
'attributes' => array(
'placeholder' => 'A small amount of text',
'rows' => 3,
'required' => 'required',
),
) );Another example which uses html5 attributes to validate that an input's value is greater than 100.
$cmb->add_field( array(
'name' => 'Insert a number greater than 100',
'id' => 'greater_than_100',
'type' => 'text',
'attributes' => array(
'type' => 'number',
'min' => '101',
),
) );
Another example which uses type attribute to create a password-style input:
$cmb->add_field( array(
'name' => 'API key',
'id' => 'api_key',
'type' => 'text',
'attributes' => array(
'type' => 'password',
),
) );The colorpicker fields and date picker fields can each use the attributes field to set an array of overrides for the picker options using json_encode. Colorpicker example, and Datepicker example.
These allow you to add arbitrary text/markup at different points in the field markup. These also accept a callback. The callback will receive $field_args as the first argument, and the CMB2_Field $field object as the second argument. Example:
$cmb->add_field( array(
'name' => 'Test After Row Callback',
'id' => 'wiki_test_text',
'type' => 'text',
'after_row' => 'cmb_after_row_cb',
) );
...
/**
* Output a message if the current page has the id of "2" (the about page)
* @param object $field_args Current field args
* @param object $field Current field object
*/
function cmb_after_row_cb( $field_args, $field ) {
if ( 2 === $field->object_id ) {
echo 'This is the "About" page!';
}
}Like the before, after, before_row, after_row, before_field, after_field parameters, but applies specifically to the 'group' field type. Example:
$group_field_id = $cmb->add_field( array(
'id' => 'wiki_group_field',
'type' => 'group',
'description' => 'Generates reusable form entries',
'before_group' => '<p>Testing <b>"before_group"</b> parameter</p>',
'after_group' => '<p>Testing <b>"after_group"</b> parameter</p>',
'before_group_row' => '<p>Testing <b>"before_group_row"</b> parameter</p>',
'after_group_row' => '<p>Testing <b>"after_group_row"</b> parameter</p>',
) );Like the before, after, before_row, after_row, before_field, after_field parameters, but applies specifically to the display context (like in admin columns). Example:
$cmb->add_field( array(
'name' => 'Test Text',
'desc' => 'field description (optional)',
'id' => 'wiki_text',
'type' => 'text',
'column' => true, // Display field value in the admin post-listing columns
'before_display_wrap' => '<p>Testing <b>before_display_wrap</b> parameter</p>',
'before_display' => '<p>Testing <b>before_display</b> parameter</p>',
'after_display' => '<p>Testing <b>after_display</b> parameter</p>',
'after_display_wrap' => '<p>Testing <b>after_display_wrap</b> parameter</p>'
) );
As of version 2.2.2, you can now set admin post-listing columns with an extra field parameter, 'column' => true,. If you want to dictate what position the column is, use 'column' => array( 'position' => 2 ),. If you want to dictate the column title (instead of using the field 'name' value), use 'column' => array( 'name' => 'My Column' ),. If you need to specify the column display callback, set the 'display_cb' parameter to a callback function. Columns work for post (all post-types), comment, user, and term object types.
$cmb->add_field( array(
'name' => 'Test Text',
'desc' => 'field description (optional)',
'id' => 'wiki_text',
'type' => 'text',
'column' => array(
'position' => 2,
'name' => 'CMB2 Custom Column',
),
) );
A callback to conditionally display a field. Callback function should return a boolean (true/false) value. Function passes in the current field object. Example:
$cmb->add_field( array(
'name' => 'Test Text',
'id' => 'wiki_test_text',
'type' => 'text',
'show_on_cb' => 'cmb_only_show_for_user_1', // function should return a bool value
) );
...
/**
* Only display a field if the current user is 1
* @param object $field Current field object
* @return bool True if current user's ID is 1
*/
function cmb_only_show_for_user_1( $field ) {
// Returns true if current user's ID is 1, else false
return 1 === get_current_user_id();
// Use $field->object_id if you need
// the current object (post, user, etc) ID.
}For fields that take an options array. These include select, radio, multicheck, wysiwyg and group. Should be a an array where the keys are the option value, and the values are the option text. If you are doing any kind of database querying or logic/conditional checking, you're almost always better of using the options_cb parameter.
'options' => array(
'none' => 'None',
'standard' => 'Standard',
'custom' => 'Custom',
),
A callback to provide field options. Callback function should return an options array. The callback function gets passed the $field object. It is recommended to use this parameter over the options parameter if you are doing anything complex to generate your options array, as the '*_cb' parameters are run at the moment the field is generated, instead of on every page load (admin or otherwise). Example:
$cmb->add_field( array(
'name' => 'Select Color',
'id' => 'wiki_test_color',
'type' => 'multicheck',
'options_cb' => 'cmb_color_options',
) );
...
/**
* Display different options depending on post category
* @param object $field Current field object
* @return array Array of field options
*/
function cmb_color_options( $field ) {
$options = array(
'sapphire' => 'Sapphire Blue',
'sky' => 'Sky Blue',
'navy' => 'Navy Blue',
'ruby' => 'Ruby Red',
'purple' => 'Amethyst Purple',
);
// If in the 'blue' category, only show blue options.
if ( has_category( 'blue', $field->object_id ) ) {
$options = array(
'sapphire' => 'Sapphire Blue',
'sky' => 'Sky Blue',
'navy' => 'Navy Blue',
);
}
return $options;
}Bypass the CMB sanitization (sanitizes before saving) methods with your own callback. Set to false if you do not want any sanitization (not recommended).
$cmb->add_field( array(
'name' => 'Test Text',
'id' => 'wiki_custom_escaping_and_sanitization',
'type' => 'text',
'sanitization_cb' => 'sanitize_greater_than_100', // function should return a sanitized value
'escape_cb' => 'escape_greater_than_100', // function should return a sanitized value
) );
...
/**
* Handles sanitization for the wiki_custom_escaping_and_sanitization field.
* Ensures a field's value is greater than 100 or nothing.
*
* @param mixed $value The unsanitized value from the form.
* @param array $field_args Array of field arguments.
* @param CMB2_Field $field The field object
*
* @return mixed Sanitized value to be stored.
*/
function sanitize_greater_than_100( $value, $field_args, $field ) {
/*
* This is the default sanitization method for most field types
* It handles sanitization for array values, in the case of repeatable fields.
*/
// $sanitized_value = is_array( $this->value ) ? array_map( 'sanitize_text_field', $this->value ) : sanitize_text_field( $this->value );
// Don't keep anything that's less than 100!
if ( ! is_numeric( $value ) || $value < 101 ) {
$sanitized_value = '';
} else {
// Ok, let's clean it up.
$sanitized_value = absint( $sanitized_value );
}
return $sanitized_value;
}Note: To validate that a number is greater than 100 BEFORE saving the field, check out the 2nd attributes example.
To sanitize WYSIWYG fields the way WordPress sanitizes the post_content field (as of 4.6), you could use the content_save_pre filter (which itself applies the convert_invalid_entities and balanceTags filters, and also the wp_filter_post_kses filter for multisite networks) in your sanitization callback:
/**
* Sanitizes WYSIWYG fields like WordPress does for post_content fields.
*/
function your_prefix_sanitize_wysiwyg( $content ) {
return apply_filters( 'content_save_pre', $content );
}Bypass the CMB escaping (escapes before display) methods with your own callback. Set to false if you do not want any escaping (not recommended).
To use the example from sanitization_cb, we could add an escape callback like:
/**
* Handles escaping for the wiki_custom_escaping_and_sanitization field for display.
* Ensures a field's value is greater than 100 or nothing.
*
* @param mixed $value The unescaped value from the database.
* @param array $field_args Array of field arguments.
* @param CMB2_Field $field The field object
*
* @return mixed Escaped value to be displayed.
*/
function escape_greater_than_100( $value, $field_args, $field ) {
/*
* `esc_attr()` is the default escaping for most field types.
*/
// $escaped_value = is_array( $this->value ) ? array_map( 'esc_attr', $this->value ) : esc_attr( $this->value );
// Don't keep anything that's less than 100!
if ( ! is_numeric( $value ) || $value < 101 ) {
$escaped_value = '';
} else {
// Ok, let's clean it up.
$escaped_value = absint( $sanitized_value );
}
return $escaped_value;
}Bypass the CMB row rendering. You will be completely responsible for outputting that row's html. The callback function gets passed the field $args array, and the $field object. More info.
$cmb->add_field( array(
'name' => 'Test render_row_cb (manaully rendered)',
'desc' => 'field description (optional)',
'id' => 'wiki_testrender_row_cb',
'type' => 'text',
'render_row_cb' => 'cmb_test_render_row_cb',
) );
...
/**
* Manually render a field.
*
* @param array $field_args Array of field arguments.
* @param CMB2_Field $field The field object
*/
function cmb_test_render_row_cb( $field_args, $field ) {
$id = $field->args( 'id' );
$label = $field->args( 'name' );
$name = $field->args( '_name' );
$value = $field->escaped_value();
$description = $field->args( 'description' );
?>
<div class="custom-field-row">
<p><label for="<?php echo $id; ?>"><?php echo $label; ?></label></p>
<p><input id="<?php echo $id; ?>" type="text" name="<?php echo $name; ?>" value="<?php echo $value; ?>"/></p>
<p class="description"><?php echo $description; ?></p>
</div>
<?php
}With the addition of optional columns display output in 2.2.2, You can now set the field's 'display_cb' to dictate how that field value should be displayed.
$cmb->add_field( array(
'name' => 'Test Text',
'desc' => 'field description (optional)',
'id' => 'wiki_text',
'type' => 'text',
'column' => true,
'display_cb' => 'yourprefix_display_wiki_text', // Output the display of the column values through a callback.
) );
...
/**
* Manually render a field column display.
*
* @param array $field_args Array of field arguments.
* @param CMB2_Field $field The field object
*/
function yourprefix_display_wiki_text( $field_args, $field ) {
?>
<div class="custom-column-display <?php echo $field->row_classes(); ?>">
<p><?php echo $field->escaped_value(); ?></p>
<p class="description"><?php echo $field->args( 'description' ); ?></p>
</div>
<?php
}Field parameter used in the date field types which allows specifying the php date format for your field. See php.net/manual/en/function.date.php.
(since 2.2.3)
New field parameter for taxonomy fields, 'remove_default' which allows disabling the default taxonomy metabox.
$cmb->add_field( array(
'name' => 'Test Taxonomy Radio',
'id' => 'wiki_taxonomy_radio',
'type' => 'taxonomy_radio',
'taxonomy' => 'category',
'remove_default' => true,
) );(since 2.2.4)
Allows overriding the default CMB2_Type_Base class that is used when rendering the field. This provides interesting object-oriented ways to override default CMB2 behavior by subclassing the default class and overriding methods. For best results, your class should extend the class it is overriding. Example field config:
$cmb->add_field( array(
'name' => 'Test Text Small with Render Class (render_class) and Color param',
'id' => 'wiki_text_render_class',
'type' => 'text',
'color' => '#05838c',
'render_class' => 'Myprefix_Render_Color_Text',
) );You need to define your render class, but only AFTER 'cmb2_init'. Your best bet is to include your render class from the 'cmb2_init' hook. Something like:
function include_myprefix_render_color_text() {
require_once 'myprefix-render-color-text.php';
}
add_action( 'cmb2_init', 'include_myprefix_render_color_text' );For the sake of a complete example, here is a contrived example for Myprefix_Render_Color_Text.
function include_myprefix_render_color_text() {
class Myprefix_Render_Color_Text extends CMB2_Type_Text {
public function render( $args = array() ) {
add_action( is_admin() ? 'admin_footer' : 'wp_footer', array( $this, 'colorize_style' ) );
return sprintf(
'<div class="colorized colorized-%s" style="background:%s;padding:50px;">%s</div>',
$this->field->args( 'id' ),
esc_attr( $this->field->prop( 'color', 'purple' ) ),
parent::render( $args )
);
}
public function colorize_style() {
printf(
'<style type="text/css">.colorized.colorized-%s .regular-text { color: %s; }</style>',
$this->field->args( 'id' ),
esc_attr( $this->field->prop( 'color', 'purple' ) )
);
}
}
}
add_action( 'cmb2_init', 'include_myprefix_render_color_text' );(since 2.2.5)
Field parameter which can be used by the 'taxonomy_*' and the 'file_*' field types. For the 'taxonomy_*' types, provides ability to override the arguments passed to get_terms(), and for the 'file_*' field types, allows overriding the media library query arguments.
If false, will prevent a field from saving into the database. Default is true.
'save_field' => false,
(since 2.5.2)
Dictate how the value will be returned in the rest api for this field using your own callback.
This example will return the original value casted to an integer.
$cmb->add_field( array(
'name' => 'Test Integer',
'id' => 'wiki_custom_rest_value_cb',
'type' => 'text',
'rest_value_cb' => function( $value ) {
return (int) $value;
},
) );Field-types which have text elements as part of the field (e.g. the file field type) typically allow overriding that text value through the text field parameter. This can be a way to easily translate the text in the CMB2 library.
'text' => array( 'key' => 'New text value' ),
Example overriding the Add or Upload File text for the file field type.
$cmb->add_field( array(
'name' => 'Test PDF',
'desc' => 'Upload a PDF.',
'id' => 'wiki_test_image',
'type' => 'file',
'text' => array(
'add_upload_file_text' => 'Add PDF',
),
// query_args are passed to wp.media's library query.
'query_args' => array(
'type' => 'application/pdf', // Make library only display PDFs.
),
) );