Enclose group of fields in a div?

This topic has 5 replies, 2 voices, and was last updated 1 year, 5 months ago by Peter.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
July 12, 2023 at 2:01 AM #42539

maybeadev
Participant

Hi:

Is there a way to wrap a group of fields inside of a custom div block?

We tried using custom_html to set a 'div' at the top and bottom of the group of fields. But that doesn't work because metabox / browser seems to add a closing div automatically in the custom_html field.

Thanks!

Add New Note to this Reply

July 12, 2023 at 5:14 PM #42540

Peter
Moderator

Hello,

If you want to wrap a field in a custom HTML code, please use the field settings before and after. Read more in the documentation https://docs.metabox.io/field-settings/ (Advanced tab).

Add New Note to this Reply

July 12, 2023 at 5:26 PM #42543

maybeadev
Participant

Hi:

Thanks for the response. However, I'm asking about using PHP code to do this, not using the UI or AIO.

I thought about trying to sue the rwmb_being_html or rwmb_wrapper_html filters but those seem to only apply to a full group instead of a subset of fields within the group.

Thanks.

Add New Note to this Reply

July 12, 2023 at 11:14 PM #42548
Peter
Moderator
Hello,

You can use those filters to wrap the subfield in a custom HTML, for example:
```
add_filter( 'rwmb_subfieldID_wrapper_html', function( $html, $field, $meta ) {
    $html = '<div class="my-class">'. $html . '</div>';
    return $html;
}, 10, 3);
```
Add New Note to this Reply
July 14, 2023 at 2:26 AM #42558
maybeadev
Participant
Hi:

I think something got lost in translation.

I'm looking to wrap a SUBSET of fields with a custom div. So, something like this.
```
// CUSTOM HTML
array(
    'type' => 'custom_html',
    'std' => __( '<div class="myclass">', 'my-metaboxes' ),
    'id'   => 'myid',
),

/* Some fields here... */

// CUSTOM HTML
array(
    'type' => 'custom_html',
    'std' => __( '</div>', 'my-metaboxes' ),
    'id'   => 'myid2', 
),
```
You'll notice that the fields specifed by 'some fields here' are being wrapped in a custom div.
That's the effect I've trying to achieve.

I don't think the suggested use of the rwmb_subfieldID_wrapper_html filter will allow for this?

Thanks!

Add New Note to this Reply
July 16, 2023 at 1:06 PM #42594

Peter
Moderator

Hello,

Yes, using the filter rwmb_subfieldID_wrapper_html or custom_html field, you need to add the close tags for all open tags. Only the field settings before and after can support your case.

Add New Note to this Reply
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.