Meta Box

I think you can do that with custom JS code. The idea is:

- Enqueuing a JS file for Add New/Edit pages
- Call jQueryUI sortable method

The pseudo-code might look like this:

add_action( 'admin_enqueue_scripts', function()
{
    $screen = get_current_screen();
    if ( 'team' == $screen->post_type && 'post' === $screen->base )
    {
        wp_enqueue_script( 'prefix-sort-field', get_theme_directory_uri() . '/js/sort.js', array( 'jquery-ui-sortable' ) );
    }
} );

And in sort.js:

jQuery( function ( $ )
{
	$( '.rwmb-input' ).sortable();
} );

Hope that helps.

Hi, I think there must be some JS errors which prevent the editor to be rendered properly. Do you see any errors in browser console?

An easy way to do that is keep adding 4 fields for columns, but you can use a special field like custom_html with zero content. That forces the plugin to output empty divs in the column which helps to maintain the layout.

Hi catarinacarraro,

I've just tested with your code and I see the std value works, the radio with value "Em" is checked by default:

Hi catarinaarraro,

As your logic, this is my snippet, you can edit to fit to your project:

add_filter( 'rwmb_meta_boxes', function( $meta_boxes )
{
	$meta_boxes[] = array(
		'id' 			=> 'brand_product',
		'title' 		=> 'Brands and Products',
		'post_types' 	=> array( 'post', 'page' ),
		'context'		=> 'normal',
		'priority'		=> 'high',
		'fields' => array(
			array(
				'id'	=> 'fone_id',
				'name'	=> 'Brand',
				'desc'	=> 'Pick Your Favourite Brand',
				'type'	=> 'select',
				'options' => array(
					'apple' 		=> 'Apple',
					'android' 		=> 'Android',
					'windowsphone' 	=> 'WindowsPhone'
				)
			),
			array(
				'id' 	=> 'apple_products',
				'name'	=> 'Select your apple product?',
				'type'	=> 'checkbox_list',
				'options' => array('iPhone', 'iPad', 'iPod'),
				'visible' => array( 'fone_id', '=', 'apple' )
			),
			array(
				'id' 	=> 'android_products',
				'name'	=> 'Select your android product?',
				'type'	=> 'checkbox_list',
				'options' => array('Galaxy', 'ZenPhone', 'Tablet'),
				'visible' => array( 'fone_id', '=', 'android' )
			),
			array(
				'id' 	=> 'windowsphone_products',
				'name'	=> 'Select your apple product?',
				'type'	=> 'checkbox_list',
				'options' => array( 'Nokia', 'Galaxy' ),
				'visible' => array( 'fone_id', '=', 'windowsphone' )
			)
		)
	);

	return $meta_boxes;
} );

Best regards

Tan Nguyen

Hi, in order to convert data from 1 format to another format, you need to understand how data is saved in the database. Here is the documentation for this. For group, data is saved as an array, each element of which is the value of sub-fields.

In this case, if you are using simple text field, your data is just multi rows in the database, so getting values will not be a big problem. But I'm not clear how you want to put them in a group? Will the text field is a sub-field of the new group? If so, you can use the following code:

<?php
$text_id = 'TEXT_FIELD_ID';
$group_id = 'GROUP_FIELD_ID';

$posts = get_posts( array(
	'posts_per_page' => -1,
) );
foreach ( $posts as $post )
{
	$text = rwmb_meta( $text_id, 'type=text', $post->ID );

	$meta_key = "{$group_id}[{$text_id}]";
	update_post_meta( $post->ID, $meta_key, $text );

	// delete_post_meta( $post->ID, $text_id ); // Remove old data, use with care
}

Hi, you can use post field with 'post_type' => 'page'.

Hi Flikweert,

I understand your concern, but there's no way to handle image upload in the group for now.

But you can use another way to achieve that by using file_input field. It works similar to all image fields (can Browse or Upload images), but doesn't have preview. It's not 100% perfect for your needs, but it works for now.