Meta Box

Labels not displaying for custom fields

Support › General › Labels not displaying for custom fieldsResolved

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 2, 2024 at 12:37 AM #44719
    jeff@developedbydesign.com[email protected]
    Participant

    My custom field labels aren't displaying in Gutenberg anymore, but the field IDs are showing instead.

    Side panel custom fields

    March 2, 2024 at 12:38 AM #44720
    jeff@developedbydesign.com[email protected]
    Participant

    Link to image: Side panel custom fields

    March 4, 2024 at 8:22 PM #44729
    PeterPeter
    Moderator

    Hello Jeff,

    Can you please share some screenshots of the field settings? Or you can export the field group to a JSON file and share it here. I will import it to my demo site and check the issue. Following the documentation https://docs.metabox.io/extensions/meta-box-builder/#export--import

    March 4, 2024 at 10:20 PM #44736
    jeff@developedbydesign.com[email protected]
    Participant

    Here's the JSON code

    
{
    "post_type": "meta-box",
    "post_name": "feature-control-3",
    "post_title": "Content - CN",
    "post_date": "2024-03-01 20:41:34",
    "post_status": "publish",
    "post_content": "",
    "settings": {
        "object_type": "post",
        "post_types": [
            "template"
        ],
        "context": "side",
        "priority": "high",
        "style": "default",
        "tab_style": "left",
        "tab_default_active": "",
        "custom_table": {
            "name": ""
        },
        "class": "",
        "prefix": "",
        "text_domain": "your-text-domain",
        "function_name": "your_prefix_function_name"
    },
    "fields": {
        "tab_44muy13fwbc": {
            "_id": "tab_44muy13fwbc",
            "name": "Buttons",
            "id": "button_styles",
            "type": "tab",
            "icon_type": "dashicons",
            "icon_fa": "",
            "icon_url": "",
            "admin_columns": {
                "position": {
                    "type": "after",
                    "column": "title"
                },
                "title": "",
                "before": "",
                "after": "",
                "sort": false,
                "link": false
            },
            "columns": 12,
            "tooltip": {
                "icon": "",
                "position": "top",
                "content": ""
            }
        },
        "checkbox_v6cun1kkyzf": {
            "_id": "checkbox_v6cun1kkyzf",
            "name": "Hide Left Button",
            "id": "hide_left_button",
            "type": "checkbox",
            "label_description": "",
            "desc": "",
            "min_clone": "",
            "max_clone": "",
            "add_button": "",
            "admin_columns": {
                "position": {
                    "type": "after",
                    "column": "title"
                },
                "title": "",
                "before": "",
                "after": "",
                "sort": false,
                "link": false
            },
            "columns": 12,
            "tooltip": {
                "icon": "",
                "position": "top",
                "content": ""
            },
            "before": "",
            "after": "",
            "class": "",
            "sanitize_callback": "",
            "save_field": true
        },
        "select_5q8m356p3fv": {
            "_id": "select_5q8m356p3fv",
            "name": "LEFT Background Color",
            "id": "left_btn_background_color",
            "type": "select",
            "label_description": "",
            "desc": "",
            "options": "var(--primary) : Primary\r\nvar(--primary-ultra-light) : Primary Light\r\nvar(--primary-ultra-dark) : Primary Dark\r\nvar(--action) : Action\r\nvar(--white) : White\r\nvar(--black) : Black",
            "std": "var(--action)",
            "placeholder": "",
            "min_clone": "",
            "max_clone": "",
            "add_button": "",
            "admin_columns": {
                "position": {
                    "type": "after",
                    "column": "title"
                },
                "title": "",
                "before": "",
                "after": "",
                "sort": false,
                "link": false
            },
            "columns": 12,
            "tooltip": {
                "icon": "",
                "position": "top",
                "content": ""
            },
            "before": "",
            "after": "",
            "class": "",
            "sanitize_callback": "",
            "save_field": true
        },
        "select_pe5l4azqp7i": {
            "_id": "select_pe5l4azqp7i",
            "name": "LEFT Text Color",
            "id": "left_btn_text_color",
            "type": "select",
            "label_description": "",
            "desc": "",
            "options": "var(--primary) : Primary\r\nvar(--primary-ultra-light) : Primary Light\r\nvar(--primary-ultra-dark) : Primary Dark\r\nvar(--action) : Action\r\nvar(--white) : White\r\nvar(--black) : Black",
            "std": "var(--white)",
            "placeholder": "",
            "min_clone": "",
            "max_clone": "",
            "add_button": "",
            "admin_columns": {
                "position": {
                    "type": "after",
                    "column": "title"
                },
                "title": "",
                "before": "",
                "after": "",
                "sort": false,
                "link": false
            },
            "columns": 12,
            "tooltip": {
                "icon": "",
                "position": "top",
                "content": ""
            },
            "before": "",
            "after": "",
            "class": "",
            "sanitize_callback": "",
            "save_field": true
        },
        "checkbox_zx3rmdpex7": {
            "_id": "checkbox_zx3rmdpex7",
            "name": "Hide RIGHT Button",
            "id": "hide_right_button",
            "type": "checkbox",
            "label_description": "",
            "desc": "",
            "min_clone": "",
            "max_clone": "",
            "add_button": "",
            "admin_columns": {
                "position": {
                    "type": "after",
                    "column": "title"
                },
                "title": "",
                "before": "",
                "after": "",
                "sort": false,
                "link": false
            },
            "columns": 12,
            "tooltip": {
                "icon": "",
                "position": "top",
                "content": ""
            },
            "before": "",
            "after": "",
            "class": "",
            "sanitize_callback": "",
            "save_field": true
        },
        "select_cb859zple0w": {
            "_id": "select_cb859zple0w",
            "name": "RIGHT Background Color",
            "id": "right_btn_background_color",
            "type": "select",
            "label_description": "",
            "desc": "",
            "options": "var(--primary) : Primary\r\nvar(--primary-ultra-light) : Primary Light\r\nvar(--primary-ultra-dark) : Primary Dark\r\nvar(--action) : Action\r\nvar(--white) : White\r\nvar(--black) : Black",
            "std": "var(--primary-ultra-light)",
            "placeholder": "",
            "min_clone": "",
            "max_clone": "",
            "add_button": "",
            "admin_columns": {
                "position": {
                    "type": "after",
                    "column": "title"
                },
                "title": "",
                "before": "",
                "after": "",
                "sort": false,
                "link": false
            },
            "columns": 12,
            "tooltip": {
                "icon": "",
                "position": "top",
                "content": ""
            },
            "before": "",
            "after": "",
            "class": "",
            "sanitize_callback": "",
            "save_field": true
        },
        "select_htlesf7baas": {
            "_id": "select_htlesf7baas",
            "name": "RIGHT Text Color",
            "id": "right_btn_text_color",
            "type": "select",
            "label_description": "",
            "desc": "",
            "options": "var(--primary) : Primary\r\nvar(--primary-ultra-light) : Primary Light\r\nvar(--primary-ultra-dark) : Primary Dark\r\nvar(--action) : Action\r\nvar(--white) : White\r\nvar(--black) : Black",
            "std": "var(--action)",
            "placeholder": "",
            "min_clone": "",
            "max_clone": "",
            "add_button": "",
            "admin_columns": {
                "position": {
                    "type": "after",
                    "column": "title"
                },
                "title": "",
                "before": "",
                "after": "",
                "sort": false,
                "link": false
            },
            "columns": 12,
            "tooltip": {
                "icon": "",
                "position": "top",
                "content": ""
            },
            "before": "",
            "after": "",
            "class": "",
            "sanitize_callback": "",
            "save_field": true
        }
    },
    "data": [],
    "meta_box": {
        "title": "GutenBrick – Content - CN",
        "id": "feature-control-3",
        "post_types": [
            "bricks_template"
        ],
        "context": "side",
        "tab_style": "left",
        "text_domain": "your-text-domain",
        "function_name": "your_prefix_function_name",
        "tabs": {
            "button_styles": {
                "label": "Buttons",
                "icon": ""
            }
        },
        "fields": {
            "1": {
                "name": "Hide Left Button",
                "id": "hide_left_button",
                "type": "checkbox",
                "tab": "button_styles"
            },
            "2": {
                "name": "LEFT Background Color",
                "id": "left_btn_background_color",
                "type": "select",
                "options": {
                    "var(--primary)": "Primary",
                    "var(--primary-ultra-light)": "Primary Light",
                    "var(--primary-ultra-dark)": "Primary Dark",
                    "var(--action)": "Action",
                    "var(--white)": "White",
                    "var(--black)": "Black"
                },
                "std": "var(--action)",
                "tab": "button_styles"
            },
            "3": {
                "name": "LEFT Text Color",
                "id": "left_btn_text_color",
                "type": "select",
                "options": {
                    "var(--primary)": "Primary",
                    "var(--primary-ultra-light)": "Primary Light",
                    "var(--primary-ultra-dark)": "Primary Dark",
                    "var(--action)": "Action",
                    "var(--white)": "White",
                    "var(--black)": "Black"
                },
                "std": "var(--white)",
                "tab": "button_styles"
            },
            "4": {
                "name": "Hide RIGHT Button",
                "id": "hide_right_button",
                "type": "checkbox",
                "tab": "button_styles"
            },
            "5": {
                "name": "RIGHT Background Color",
                "id": "right_btn_background_color",
                "type": "select",
                "options": {
                    "var(--primary)": "Primary",
                    "var(--primary-ultra-light)": "Primary Light",
                    "var(--primary-ultra-dark)": "Primary Dark",
                    "var(--action)": "Action",
                    "var(--white)": "White",
                    "var(--black)": "Black"
                },
                "std": "var(--primary-ultra-light)",
                "tab": "button_styles"
            },
            "6": {
                "name": "RIGHT Text Color",
                "id": "right_btn_text_color",
                "type": "select",
                "options": {
                    "var(--primary)": "Primary",
                    "var(--primary-ultra-light)": "Primary Light",
                    "var(--primary-ultra-dark)": "Primary Dark",
                    "var(--action)": "Action",
                    "var(--white)": "White",
                    "var(--black)": "Black"
                },
                "std": "var(--action)",
                "tab": "button_styles"
            }
        }
    }
}
    March 5, 2024 at 6:54 PM #44745
    PeterPeter
    Moderator

    Hello,

    Importing the field group to my demo site, I see the field label displayed in the sidebar instead of the field ID, screenshot https://imgur.com/4nTs10E

    Please share your site credentials via this contact form https://metabox.io/contact/
    I will take a look.

    March 5, 2024 at 10:54 PM #44751
    jeff@developedbydesign.com[email protected]
    Participant

    Thanks for sharing that image. It prompted me to test in a different browser (which I didn't even consider for this issue).

    Ends up that SAFARI is to blame for some reason. In Chrome, the labels show up correctly. Sorry for the hassle!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.