Meta Box

Hi,

If you have several meta boxes and display on one user profile page, please use the attribute id with meta box ids and commas instead of using more shortcodes on one page.

Current case:

[mb_user_profile_info id="meta-box-id1" submit_button="Submit" confirmation="Your information has been successfully submitted. Thank you."]

[mb_user_profile_info id="meta-box-id2" submit_button="Submit" confirmation="Your information has been successfully submitted. Thank you."]

Recommend:

[mb_user_profile_info id="meta-box-id1, meta-box-id2" submit_button="Submit" confirmation="Your information has been successfully submitted. Thank you."]

For more information, please follow this documentation https://docs.metabox.io/extensions/mb-user-profile/#edit-profile-form.

Hi Eddy,

If you want to apply a view for all term archives of a taxonomy, please set the location Taxonomy Archive - All. See my screenshot https://share.getcloudapp.com/Kour1pv8.

Then you can edit the term to get the link of the archive page https://share.getcloudapp.com/qGuNxQAP.

Hi Rubber,

To get the element URL of the array which is returned by the helper function, please use it inside the single quote $image['url'].

Please check the documentation https://docs.metabox.io/fields/single-image/#template-usage.

Hi,

This Javascript code will do the trick.

jQuery(document).ready(function($) {            
    $.each($('.rwmb-row .rwmb-column'), function(index, el) {
        var _this = $(this);
        if( _this.hasClass('custom-css') ) {
            var customClass = $(this).attr('class').split(' ').pop();
            _this.parent('.rwmb-row').addClass(customClass);
        }
        
    });
});

You need to add the custom CSS for the column like the documentation with the format custom-css your-css-class

'columns' => array(
    'column-1' => 4,                   // Simply define the size of the column (from 1 to 12)
    'column-2' => array(               // More advanced syntax
        'size' => 8,                   // Column size (1-12)
        'class' => 'custom-css custom-column-2', // Custom CSS class for the column
    ),
),

The JavaScript code will check if the column has class custom-css and copy your-css-class to the row. See my screenshot https://share.getcloudapp.com/RBuOm0OD.

Then you can style the row with the selector .rwmb-row.your-css-class.

Hi,

Some media fields like image_advanced, single_image, file_advanced ... use an input type hidden to store the media information and field settings. It does not like other visual fields such as text or textarea where the input is visible and scrolls down when the validation fires.

I'm going to create a feature request for the developer team to improve the user experience in this case. Thank you.

Hi,

Meta Box uses WP Color Picker Alpha as a library as many themes/plugins. This issue has been noticed and the developer has created a pull request to fix it https://github.com/kallookoo/wp-color-picker-alpha/pull/38. We are waiting for this PR will be merged and update the new version of Meta Box.

Thanks for your code, it will help other users for temporary fixing.

Hi,

Yes, it is a simple way to show the field's value. If it is empty, show the field setting std or anything you want, if not, show the field value.