nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

Alfresco theming

anandhan

Am trying to customize the alfresco look and feel, i have found tat logos and icons are being rendered through respective classes added to the object model( logoClass and iconClass).

How does these classes interact and fetch the icon or log ?

Where do they maintain these logic, that this class point this logo/icon?

Find more posts tagged with

Alfresco Content Services

Comments

calvo

Hi,

Maybe this links could be useful:

netic360: :: Alfresco. Modificar la página de login

Share Theme Builder | Alfresco Add-ons - Alfresco Customizations

Regards,

clv

anandhan

Hi,
Thanks for your reply,

//Menu bar
var headerTitle = widgetUtils.findObject(model.jsonModel, "id", "HEADER_NAVIGATION_MENU_BAR");
if (headerTitle != null)
{
// Change the widget to our custom menu...
headerTitle.id="HEADER_NAVIGATION_MENU_BAR";
headerTitle.name = "alfresco/header/AlfMenuBar";
headerTitle.align="left";
headerTitle.className="navigation-menu";

//delete headerTitle.config.targetUrl;

// Add a new "widgets" array to the configuration...
headerTitle.config.widgets = [
{
id: "HEADER_SITE_DASHBOARD",
name: "alfresco/menus/AlfMenuBarItem",
config: {
id: "HEADER_SITE_DASHBOARD",
label: "",
pageId: "community",
iconClass: "alf-configure-icon",
targetUrl: "/site/community/dashboard",
selected: ""
}
}
];

}

In the above code, i tried to modify "HEADER_NAVIGATION_MENU_BAR" object.

In one of its iconClass i specified as "alf-configure-icon", which pulls up the Gear icon.

The thing am trying to figure out where and what it is referring too. Probably the place where it is defined or source?

widget-palette.lib.js has some sort of definition,

{
name: "alfresco/forms/controls/DojoSelect",
config: {
name: "defaultConfig.iconClass",
label: "Icon",
value: "",
optionsConfig: {
fixed: [
{label:"None",value:""},
{label:"Configure",value:"alf-configure-icon"},
{label:"Invite User",value:"alf-user-icon"},
{label:"Upload",value:"alf-upload-icon"},
{label:"Create",value:"alf-create-icon"},
{label:"All Selected",value:"alf-allselected-icon"},
{label:"Some Selected",value:"alf-someselected-icon"},
{label:"None Selected",value:"alf-noneselected-icon"},
{label:"Back",value:"alf-back-icon"},
{label:"Forward",value:"alf-forward-icon"}
]
}
}
},

but i don understand what it is for or how it works ?

Kindly help me out.