Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

UI Builder Custom Component property is not showing on UI Builder configuration

Rahman4
Tera Guru

Hi there,

 

I have created a new custom UI Builder component and I have successfully deployed it to my instance (Vancouver). The component default value is showing however the configured Property is not showing on the component Configurations. I can see that the new Attribute is created on sys_ux_lib_component_attr but somehow it is not linked to the component? I am deploying it with --force so it dropes the existing and creates new component. Also, one more thing that I noticed that I have updated the name of the component rather than "My component" and the name is also not getting refelected e.g. still shows "My component"

 

@bradtiltonnow, I am following your article on here: https://developer.servicenow.com/blog.do?p=/post/quebec-nowexp-component-properties/

 

Has anything changed since then or it is a bug?

 

My component with property:

 

createCustomElement('x-293046-my-name-value-list', {

	properties: {
		keyValue: {
			default: [
				{ name: "Rahman Mahmoodi" , job: "Developer" },
				{ name: "John Doe" , job : "Doctor" },
				{ name: "Jane Doe" , job : "Nurse" }
			]
		}
	},

	view,
	styles
});

now-ui.json:

 

{
	"components": {
	    "x-293046-my-name-value-list": {
	        "innerComponents": [],
			"uiBuilder": {
				"associatedTypes": ["global.core", "global.landing-page"],
				"label": "Rahman name-value table",
				"icon": "document-outline",
				"description": "A table that shows a JSON name value array as a table",
				"category": "primitives"
			},
			"properties": [
                {
                    "name": "keyValue",
                    "label": "JSON key value",
                    "description": "JSON array to be displayed as a table e.g. [{\"name\": \"Rahman\", \"job\": \"Developer\"}, {\"name\": \"John\", \"job\": \"Doctor\"}]",
                    "readOnly": false,
                    "fieldType": "string",
                    "required": true,
                    "defaultValue": "[{\"name\": \"Rahman\", \"job\": \"Developer\"}, {\"name\": \"John\", \"job\": \"Doctor\"}]"
                }
            ]
	    }
	},
	"scopeName": "x_293046_my_name_0"
}

 

instance:

 

Rahman4_0-1711060938567.png

 

 

 

Attribute:

 

Rahman4_1-1711061027672.png

 

 

Any feedbacks will be appreciated

 

many thanks.

2 REPLIES 2

Jan Ujcic1
Tera Contributor

Hi Rahman4,

 

I'm encountering the same issue. Did you manage to resolve it on your end?

 

I believe it was a caching issue or whatever for me. It appeared without me doing anything the next time I viewed the component. Try to clear the cache yourself and see if that resolves it.