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.

Template-scoped header errors in utilities.js

cybertoast

I'm trying to create site-scoped headers so that the header bar has different components based on which site you're on. But I'm starting with a simple common header for all sites, which would be different from the global header visible for other pages (user primarily).

I figured I could create <@region id="header" scope="template"> and create a template for this header. I'm calling it collaboration-header in keeping with the documentlibrary components being called collaboration-*. This works well, but when I navigate to the documentlibrary I get nothing in the pane that displays the folders and files, the Library block has nothing in it, and the links in the Documents block all go nowhere.

I looked further into this and the error I'm getting is in utilities.js. Firebug console gives me:

this._events is undefined at utilities.js (line 37)
…
‍‍‍‍

utilities.js is /share/yui/utilities/utilities.js

The steps I followed to create a template-scoped header (which I'm assuming to be what I need to do to have the header be localized to sites only):

Modify web-extension/templates/org/alfresco/documentlibrary.ftl to have <%region id="header" scope="template" protected=true />
Create web-extension/site-webscripts/org/alfresco/components/header/collaboration-header.get.[desc.xml, head.ftl, html.ftl, js] all copied from header.*
Modify collaboration-header.desc.xml's url to point to /components/header/collaboration-header
Leave collaboration-header.get.head.ftl the same as header.get.head.ftl, and collaboration-header.get.js the same as header.get.js
Customize collaboration-header.get.html.ftl as I need

I feel like I'm missing something that should be included (like a javascript file that ensures that this._events is not undefined) but I can't figure out what the global scoped header is doing that is different from the template-scoped collaboration-header.

Is my understanding of scope and customization incorrect? What am I doing wrong?

Find more posts tagged with

Comments

cybertoast

Forgot to add that I also modified web-extension/site-data/components/template.header.documentlibrary.xml:

<?xml version='1.0' encoding='UTF-8'?>
<component>
  <scope>template</scope>
  <region-id>header</regien-id>
  <source-id>documentlibrary</source-id>
  <url>/components/header/collaboration-header</url>
</component>
‍‍‍‍‍‍‍‍‍

cybertoast

The problem turned out to be because I had removed the sites menu from the header, and the client-side code was blowing up when it tried to execute anything related to the *sites-menu element, which of course was missing!

The lesson here is to keep in mind that there is so much client-side link to the back-end that things will break if UI elements are changed in any way without looking in great detail at the events that are defined in the back-end. Freemarker (HTML), YUI and alfresco are tied very closely together, so always do things with great attention to detail!