tag:blogger.com,1999:blog-8271998302803122436.post3999864480064301367..comments2024-03-18T12:44:10.751+02:00Comments on Bordering .NET: Accordion "Left Navigation" (Quick Launch) for SharePoint 2013Unknownnoreply@blogger.comBlogger35125tag:blogger.com,1999:blog-8271998302803122436.post-1564933040734207062022-08-29T09:49:43.169+03:002022-08-29T09:49:43.169+03:00Thank you for sharing such a useful article. I had...Thank you for sharing such a useful article. I had a great time. This article was fantastic to read. Continue to publish more articles on, keep it up. <a href="https://quixtec.com/sharepoint-configure-navigation-links-to-open-in-a-new-tab/" rel="nofollow">SharePoint: Configure Navigation Links to Open in a New Tab</a><br />QuiTechttps://www.blogger.com/profile/07786794573900191297noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-71414651305526678602019-10-23T16:36:28.250+03:002019-10-23T16:36:28.250+03:00This comment has been removed by the author.Stevehttps://www.blogger.com/profile/03881566318340602859noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-89727536211027622232018-11-22T07:28:08.122+02:002018-11-22T07:28:08.122+02:00Still works in SharePoint Online!
Thank you so mu...Still works in SharePoint Online!<br /><br />Thank you so much!MarkDnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-41207221306905452462017-08-09T10:46:09.508+03:002017-08-09T10:46:09.508+03:00for testing just added a Script Editor web part an...for testing just added a Script Editor web part and added the script. I worked as awesome. Thank you very much.AshwinShhttps://www.blogger.com/profile/07244380786148981103noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-55560089700735738722015-11-03T15:05:08.223+02:002015-11-03T15:05:08.223+02:00Hey my friend, thanks for this post, really helpfu...Hey my friend, thanks for this post, really helpfull and make me earn alot of time. Thales Chemeniannoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-77585050446291127292015-07-10T05:31:30.330+03:002015-07-10T05:31:30.330+03:00@mark des jardins and @SM
I have tried so many d...@mark des jardins and @SM <br />I have tried so many different suggestions and code...really hoping you can help:<br />There is a section under the code that states: "This piece of code assumes that..." <br />There are six items to configure but I have no idea where these exist in a master page and I am assuming that the master page for me is seattle.master???<br />For example...I search the seattle.master for the term SiteMapProvider and I get several results...which one do I change?<br />So, I hope you can help me with each of the six...thanks<br />bill.branch@nau.edu I would love to chat with someone to help me walk through it...thanks in advance :-)<br />Bill BranchBill Branchhttps://www.blogger.com/profile/04725071008642262360noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-42045261072154104462015-05-21T14:29:22.292+03:002015-05-21T14:29:22.292+03:00In IE is possible that it wont work on standard pa...In IE is possible that it wont work on standard page. But at the same time it works on system page.<br /><br />Workaround is to wrap accordian with setTimeout().<br /><br />Marinnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-91062511615927649802015-04-20T19:37:48.768+03:002015-04-20T19:37:48.768+03:00Hi,
I added this to the master page header, and i...Hi,<br /><br />I added this to the master page header, and it worked, however on the pages that I have another accordion in the body it doesnt show the collapsible left navigation. I already tried changing the id of the accordion div so those 2 accordions can differentiate. But still nothing. Help?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-21461480114206141222014-11-07T14:08:23.910+02:002014-11-07T14:08:23.910+02:00Amazing - you're making me look like a genius....Amazing - you're making me look like a genius. thank youAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-81529943453710901382014-08-29T17:22:14.295+03:002014-08-29T17:22:14.295+03:00I have followed and implemented all/most of the co...I have followed and implemented all/most of the code discussed. In fact, I had implemented accordion code in SP 2010 for the quicklaunch and began to tweak my code to adhere to new tags for 2013. Most of the postings here do not adequately address all the requirements. The following code:<br />$(function qlNavAccordian() {<br />// Adds separator to bottom of each group<br />$("#sideNavBox ul.root>li.static").css("border-bottom","1px Solid #eaeaea");<br />$("#sideNavBox ul.root>li.ms-listMenu-editLink").css("border-bottom","0px Solid #eaeaea");<br /> // added line below so no headers are intially selected - DOES NOT WORK AT THIS TIME<br /> $('#sideNavBox ul.root>li.static').removeClass("selected");<br /> // var to capture index value of parent items (menu item headers) used later for determining first header<br /> var thisheader=-1<br />// traverse each parent item<br /> $("#sideNavBox ul.root >li.static >a").each(function()<br /> { <br />// Does this parent item have child ul tag elements ?<br /> if($(this).parent().children("ul").size() > 0)<br /> {<br />// Gets the index of the parent items to identify first header e.g. first header's index = 0<br /> thisheader = $(this).parent().index();<br />// initial load hide - collapse all child items under parent items<br /> $(">ul", $(this).parent()).hide();<br /> $($(this).parent()).addClass("cssClosed");<br /> $($(this).parent().selected).addClass("cssOpen");<br />// add default expand logic for first header - e.g. first header always is expanded when page renders<br />// comment out if code block below to remove functionality<br /> if (thisheader == 0) <br /> {<br /> $(">ul", $(this).parent()).show("slow");<br /> $($(this).parent()).css("display", "block");<br /> $($(this).parent()).removeClass("cssClosed");<br /> $($(this).parent()).addClass("cssOpen");<br /><br /> }<br />// end default expand logic first header<br /> $(this).toggle(function()<br /> {<br /> $(">ul", $(this).parent()).show("slow");<br /> $($(this).parent()).removeClass("cssClosed");<br /> $($(this).parent()).addClass("cssOpen"); <br /> },<br /> function() <br /> {<br /> $(">ul", $(this).parent()).hide("slow");<br /> $($(this).parent()).removeClass("cssOpen");<br /> $($(this).parent()).addClass("cssClosed");<br /> }<br /> );<br />// end toggle functions <br /> } <br /> });<br />}); <br /><br />CSS is:<br /> .cssClosed {<br /> BACKGROUND: url(/_layouts/images/Menu-right.gif) no-repeat 185px 7px <br />/* BACKGROUND: url(/_layouts/images/plus.gif) no-repeat 140px 7px */<br />}<br />.cssOpen {<br /> BACKGROUND: url(/_layouts/images/Menu2.gif) no-repeat 175px 7px<br />/* BACKGROUND: url(/_layouts/images/minus.gif) no-repeat 130px 7px */<br />}Anonymoushttps://www.blogger.com/profile/06537755061777567684noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-80597266092140521752014-05-06T08:36:23.517+03:002014-05-06T08:36:23.517+03:00@Francisco, this usually happens if you paste the ...@Francisco, this usually happens if you paste the script only, but not the script -tags.<br /><br />@Anonymous asking about collapsible tree view, I haven't tried that so for the time being am not able to help you.SMhttps://www.blogger.com/profile/10330514055717215289noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-6667482506723569092014-05-05T22:30:20.018+03:002014-05-05T22:30:20.018+03:00Hi, trying to add this using Script Editor on a pa...Hi, trying to add this using Script Editor on a page. The script doesn't seem to work. I copied / pasted the script in the script editor window, saved it, but the page just displays the text itself. Any ideas on how to make this work?Anonymoushttps://www.blogger.com/profile/07458690165630786646noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-87623149528681355362014-04-15T17:33:09.510+03:002014-04-15T17:33:09.510+03:00I was wondering if you had given any thought to ho...I was wondering if you had given any thought to how to have a collapsible tree when the left navigation is using managed meta data?<br />It is very surprising that Microsoft did not add this. Their example was a product tree. Without a collapsible tree the managed metadata navigation will only work if you have less than 20-30 items in the term set.<br /><br />HELP!!!<br /><br />SavinAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-90754288326145249272014-04-11T12:32:21.934+03:002014-04-11T12:32:21.934+03:00Brendan Horner
"add .parent() right after $(...Brendan Horner<br /><br />"add .parent() right after $(this) inside <b>Everything</b> in the IF statement"<br /><br />But that will only be in one place in the code or am I wrong? If we go to the modified row we have:<br /><br />$(this).Children('span').addClass('father').click(function () {...<br /><br />In the if-statement (inside the brackets {}, not the statement), we only have $(this) <b>once</b>.<br /><br />Or do you mean even outside the brackets? Please post the code :)Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-12590460450108706942014-03-30T22:54:33.097+03:002014-03-30T22:54:33.097+03:00For those with issues related to clicking submenus...For those with issues related to clicking submenus and it auto-collapsing: try adjusting this script so that instead of $(this).addClass('father'), make it $(this).children('span').addClass('father') and add .parent() right after $(this) inside everything in the IF statement. This causes the click event to not be on the submenu at all (so you can remove the event prevent propogation lines).Brendan Hornerhttps://www.blogger.com/profile/03976653245000784332noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-15207890204289078512013-12-23T14:50:15.072+02:002013-12-23T14:50:15.072+02:00What is I wanted to add an up and down arrow to th...What is I wanted to add an up and down arrow to this. Down when its closed up when its open?<br /><br />Thanks Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-61297625415351909652013-12-06T16:57:37.299+02:002013-12-06T16:57:37.299+02:00Hello, i had the same issue as Zach's "Bl...Hello, i had the same issue as Zach's "Blogger zach welding said...<br />This works great except for one part. If I click a heading to expand it, but then decide I didn't want to click that and try to click it again to collapse it, it takes me to the Site Contents page. Is it like that for everyone? Please help!".<br />At first click on first levels item it expands, but on second click it does not collapse but links to destination url !<br /><br />I'm not developer but is it possible to add a behavior on plus.gfi/minus.gif from : /_layouts/images/plus.gif wich would have been added to firt level items inner html so that the collapse/expand function act on them rather than on link ?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-30841861973916112412013-10-16T02:39:13.285+03:002013-10-16T02:39:13.285+03:00This is just freakin awesome. I can't believe...This is just freakin awesome. I can't believe it just works and so little code. Thank you!!!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-46229211754665374452013-08-15T20:58:47.105+03:002013-08-15T20:58:47.105+03:00It's just really weird. It makes no difference...It's just really weird. It makes no difference if I comment that part out (the click function where you added the stopPropagation event). My "father" elements aren't links, just headings with no URL. So they don't have a tags, just span tags with the text. I tried making them links but it didn't make a difference. I'm trying to replace the "a.static" with other things in the stop event propagation part, but nothing seems to work.Melissahttps://www.blogger.com/profile/14899231982416240558noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-25941929663712045952013-08-15T10:39:13.750+03:002013-08-15T10:39:13.750+03:00@zach welding, your problem sounds a lot like ones...@zach welding, your problem sounds a lot like ones I encountered with SP2010&jQuery when there were more than one reference to the jQuery file on one page. <br /><br />@Melissa and @Siva RamaKrishna, I had that problem _before_ I added the stop event propagation part to the script. I'm sorry don't have a ready solution to fix it if it still resides for with this script I have been using with success. SMhttps://www.blogger.com/profile/10330514055717215289noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-18293591944668840232013-08-14T22:13:21.865+03:002013-08-14T22:13:21.865+03:00Testing all the links in the left navigation I exp...Testing all the links in the left navigation I experienced what Siva RamaKrishna had posted earlier:<br /><br />"But if you click for the second submenu ( in the newly opened page) instead of opening the respective page on the second submenu, it was collapsing."<br /><br />If I click on another sub-menu in the same category that the "selected" page is in, the parent collapses intead of taking me to the page I wanted. I replaced the code with the original in this document to make sure I didn't mess with it, but it does the same thing. Any suggestions?Melissahttps://www.blogger.com/profile/14899231982416240558noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-51506128862654208642013-08-09T14:56:08.145+03:002013-08-09T14:56:08.145+03:00This works great except for one part. If I click a...This works great except for one part. If I click a heading to expand it, but then decide I didn't want to click that and try to click it again to collapse it, it takes me to the Site Contents page. Is it like that for everyone? Please help!Anonymoushttps://www.blogger.com/profile/18224706073603719895noreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-55739406132981212042013-08-08T21:18:06.350+03:002013-08-08T21:18:06.350+03:00Awesome! I love the fact that it maintains expande...Awesome! I love the fact that it maintains expanded where the current page is. Quick, easy and works with different browsers :) Thanks!Mel Colónnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-34432729556474375222013-07-02T08:06:58.197+03:002013-07-02T08:06:58.197+03:00@SM I have set the navigation to Display the same ...@SM I have set the navigation to Display the same navigation items as the parent site.<br /><br />Current page menu chnaged and showing root menus...?? Any helpArunnoreply@blogger.comtag:blogger.com,1999:blog-8271998302803122436.post-34797638323253833692013-07-01T10:49:01.329+03:002013-07-01T10:49:01.329+03:00@Siva RamaKrishna and @Arun, this behavior may be ...@Siva RamaKrishna and @Arun, this behavior may be due to the navigation settings of the children SharePoint sites (e.g. the a2). They need to be set to show the same navigation as their parent.<br /><br />Another explanation may lie within the SharePoint cache - I noticed that the script was working a bit quirkily at first, then after lunch break, it was fine. JavaScript generally gets stuck in the cache quite heavily.<br /><br />Hope this helped!SMhttps://www.blogger.com/profile/10330514055717215289noreply@blogger.com