UX - Collapse TOC - v12

RE: UX - Collapse TOC - v12

Christopher Gillis — Tue, 14 Apr 2020 14:43:56 GMT

Hi Neil,

I'd recommend taking a look at the TOC Search Bar community project for an example of both how to add a UI element to the TOC as well as how to manipulate the TOC itself. This project also take a bit of a brute force approach and uses a lot of jQuery to manipulate the classes of the TOC elements to both hide and expand them.

Chris

Christopher Gillis

Aras Labs Software Engineer

RE: UX - Collapse TOC - v12

neil.lindberg — Mon, 13 Apr 2020 20:27:48 GMT

Well, while this works it doesn't seem to update whatever dojo has in memory. It's "Brute force" of sorts.

onclick="${() => Array.from(document.getElementsByClassName('aras-nav__parent aras-nav__parent_expanded')).forEach(e => e.classList.remove('aras-nav__parent_expanded'))}"

RE: UX - Collapse TOC - v12

neil.lindberg — Mon, 13 Apr 2020 19:54:31 GMT

NOTE: Open a TOC item, such as "Documents", and then:

document.getElementsByClassName('aras-nav__parent aras-nav__parent_expanded')[0].classList.remove('aras-nav__parent_expanded')