Below is the snapshot of final quick launch menu. As you can see in the image on default page load all the menus are collapsed and while in the 2nd image user enters text in the search box(for example user types 'r') the results get expanded and displays the appropriate results that has character 'r'.Similarly user types 're' results get further simplified.
Search is implemented using Jquery and it displays results from child menus.
Accordion view of SharePoint 2013 quick launch:
For creating the accordion view, I had used below reference post from max.
http://yakovenkomax.com/converting-sharepoint-2013-quick-launch-to-accordion-menu/
Setting up the search on quick launch accordion menu:
Using custom jquery code, I had injected the text box appended it to the header section of the page.
Below is the complete custom Jquery code with the comments. Some portion of below code also contains the code for renaming the suitebar title of the SharePoint page.
No comments:
Post a Comment