UI Builder Portal Main Navigation Bar color issue

devashishku
Tera Contributor

Hi all,
From past few days, I am trying to apply custom theme on the UI Builder Portal App Shell.
By some how I have manages to apply the theme but for the Main Navbar, I could not able to apply the black color. Event using the Theme Builder, (setting primary as black), it is not getting applied.

devashishku_0-1762808875677.png


If I change the background primary color to black, then it gets applied on the entire page

devashishku_1-1762809032173.png

devashishku_2-1762809096838.png

 

So, is there any specific style for navbar which I am missing.

Also, I am trying to customize the "chrome_header" , with the following JSON
{
"privatePage": {
"searchEnabled": true,
"userPrefsEnabled": true,
"currentScreenLinkConfiguration": {
"roles": [
"admin"
],
"position": 250
},
"globalTools": {
"collapsingMenuId": 0,
"primaryItems": [
{
"label": {
"translatable": true,
"message": "UserMenu"
},
"icon": "user",
"type": "menu",
"primaryDisplay": "icon",
"value": {
"children": [
{
"_roles": [
"workspace_admin"
],
"label": {
"translatable": true,
"message": "Configure Workspace"
},
"type": "navigation",
"position": 200,
"primaryDisplay": "none",
"value": {
"type": "external",
"opensWindow": "true",
"value": {
"href": "/nav_to.do?uri=/sys_ux_app_config.do?sys_id=89153225530010107388ddeeff7b122f"
}
}
},
{
"label": {
"translatable": true,
"message": "Settings"
},
"type": "menu",
"position": 100,
"value": {
"children": [
{
"type": "divider",
"label": "Display Preferences",
"primaryDisplay": "none"
},
{
"label": {
"translatable": true,
"message": "Show Ribbon"
},
"type": "toggle",
"value": {
"_meta": {
"_type": "userPreferences",
"_path": "userPrefName",
"_value": {
"userPrefName": "workspace.showRibbon"
},
"_default": {
"userPrefName": "true"
}
}
}
},
{
"label": {
"translatable": true,
"message": "Show Sidebar"
},
"type": "toggle",
"value": {
"_meta": {
"_type": "userPreferences",
"_path": "userPrefName",
"_value": {
"userPrefName": "workspace.showAgentAssist"
},
"_default": {
"userPrefName": "true"
}
}
}
},
{
"label": {
"translatable": true,
"message": "Wrap List Text"
},
"type": "toggle",
"value": {
"_meta": {
"_type": "userPreferences",
"_path": "userPrefName",
"_value": {
"userPrefName": "workspace.wrapListText"
},
"_default": {
"userPrefName": "false"
}
}
}
},
{
"type": "divider",
"label": {
"translatable": true,
"message": "Notifications"
},
"primaryDisplay": "none"
},
{
"label": {
"translatable": true,
"message": "Show Banners"
},
"type": "toggle",
"value": {
"_meta": {
"_type": "userPreferences",
"_path": "userPrefName",
"_value": {
"userPrefName": "workspace.notifications.showPopups"
},
"_default": {
"userPrefName": "true"
}
}
}
},
{
"label": {
"translatable": true,
"message": "Show Badge Count"
},
"type": "toggle",
"value": {
"_meta": {
"_type": "userPreferences",
"_path": "userPrefName",
"_value": {
"userPrefName": "workspace.notifications.showBadgeCount"
},
"_default": {
"userPrefName": "true"
}
}
}
}
]
}
},
{
"label": {
"translatable": true,
"message": "Logout"
},
"type": "navigation",
"position": 300,
"value": {
"value": {
"href": "/logout.do"
},
"type": "logout"
}
}
]
}
}
],
"secondaryItems": []
}
},
"publicPage": {
"searchEnabled": false,
"menuEnabled": true,
"actionButtons": [
{
"label": {
"translatable": true,
"message": "Requests"
},
"value": {
"type": "route",
"value": {
"route": "requests",
"fields": {}
}
}
},
{
"label": {
"translatable": true,
"message": "Login"
},
"value": {
"type": "AUTH_ROUTE_BINDING",
"binding": {
"address": [
"loginModal"
],
"default": "/login.do"
}
},
"bare": true
},
{
"label": {
"translatable": true,
"message": "Register"
},
"value": {
"type": "AUTH_ROUTE_BINDING",
"binding": {
"address": [
"register"
],
"default": "/login.do"
}
},
"bare": false
}
]
}
}

but not able to add any "Notification"/ Company Name.

Please help me in this.

Thanks & Regards,

Devashish

0 REPLIES 0