Is it possible to auto-expand the category/service offering list?

Jonathan_Boles

This is probably a quick and easy adjustment but I can't for the life of me seem to get it working. I would like to see the list below auto expanded when an end user or analyst visits the home page of the portal.



Any help anyone could provide would be much appreciated!

Brett_Moffett

This would be Custom.js to do this.
I'll try and get an example of this to you when i get a chance to review

Jonathan_Boles

Thanks to @Jerry_Veldhuis, we were able to get this bit figured out! 

Brett_Moffett

This would be Custom.js to do this.
I'll try and get an example of this to you when i get a chance to review

Jonathan_Boles

Thanks to @Jerry_Veldhuis, we were able to get this bit figured out! 

Brian_Wiest

Can you share? I am interested as well. 

Brett_Moffett

Thanks @Jerry_Veldhuis for helping out the community here.
Any chance you can all share your code and solution with the community?
I'm sure others would like to see what you have done and how you have done it.

Martin_Blomgren

Did this a while ago when exploring options for different home pages. Don't know what's the best way but anyhow this is how I solved it back then:

<div>(function() {<br>var homeObserver = new MutationObserver(function (mutations) {<br>   var targetElements = $('div.sc-filter ul.nav.sidenav > li.ng-scope > a.link');<br>   if(targetElements.length > 0) {&nbsp; <br>    &nbsp;&nbsp;targetElements.each(function(index, item) {<br>      &nbsp;&nbsp;&nbsp;$(item).trigger("click");<br>    &nbsp;&nbsp;});</div><div>      &nbsp;&nbsp;<br id="null"><br id="null">      homeObserver.disconnect(targetElements);<br> &nbsp;&nbsp;}<br>});<br id="null"><br>var observerConfig = {<br>&nbsp;&nbsp;&nbsp; attributes: true,<br>&nbsp;&nbsp;&nbsp; childList: false,<br>&nbsp;&nbsp;&nbsp; characterData: false,<br>&nbsp;&nbsp;&nbsp; subtree: true<br>};<br id="null"><br id="null"></div><div>$(document).ready(function () {<br>   &nbsp;if (window.location.href.indexOf("ServiceCatalog/Listing") > -1) {<br>&nbsp;&nbsp;&nbsp;   &nbsp; var targetNode = document.getElementById('main_wrapper');<br>   &nbsp;&nbsp;&nbsp;&nbsp; homeObserver.observe(targetNode, observerConfig);<br>   &nbsp;}<br>});<br>})();</div>

Jerry_Veldhuis

My code was very similar to @Martin_Blomgren 's solution but not as clean. I traversed the links and skipped the 'Favorites' labeled one. Cheers - jerry