none
[Sharepoint Designer 2013] Como faço para ter um menu accordion no sharepoint 2013? RRS feed

  • Pergunta

  • Olá,
    Como faço para ter um menu lateral esquerdo como o abaixo?

    Accordion 2013

    Tenho pesquisado e tentado algumas maneiras, mas não consegui ainda.

    Abaixo tenho os sites onde ví algo como desejo fazer:

    http://sharingtothepoint.blogspot.com.br/2013_10_01_archive.html
    http://dinushaonline.blogspot.com.br/2012/06/accordion-style-collapsible-menu-for.html
    http://www.nothingbutsharepoint.com/2011/11/01/accordion-style-quick-launch-in-sharepoint-2010-aspx/
    http://yakovenkomax.com/converting-sharepoint-2013-quick-launch-to-accordion-menu/
    http://akashkarda.blogspot.in/2014/05/quick-luanch-accordion-in-sharepoint.html

    Obrigado


    K2rto'4 - Analista de Sistemas
    "Hoje melhor do que ontem, amanhã melhor do que hoje!" 改 善


    • Editado TI DEV quinta-feira, 22 de outubro de 2015 15:48
    quinta-feira, 22 de outubro de 2015 13:26

Respostas

  • Olá,

    Enfim consegui trazer o Accordion pro meu site sharepoint 2013.

    Segue solução:

    Para masters com arquivo.html anexado:

    1) Edite o arquivo.HTML e adicione o Script abaixo logo após </script>, depois de var g_pageLoadAnimationParams = { elementSlideIn : "sideNavBox", elementSlideInPhase2 : "contentBox" };

    Para masters sem arquivo.html, basta:

    1) Edite o arquivo.master e acrescente o script abaixo logo após </SharePoint:SPHtmlTag>, última linha da master.

    		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    		<script>
    		
    			 jQuery(function($) {  
    			 var jChildrens = jQuery('.ms-core-listMenu-verticalBox ul.root ul');  
    			   //Expand Active Parent node  
    			   var selectedIndex = -1;  
    			   for(var i=0; i < jChildrens.length; i++) {  
    				 jChidlren = jQuery(jChildrens[i]);  
    				 if(jChidlren.find('li.selected').length > 0) {  
    				   selectedIndex = i;  
    				   break;  
    				 }  
    			   }  
    			   jChildrens.hide();  
    			   if(selectedIndex!=-1)  
    			   {  
    				jChildrens.eq(selectedIndex).slideDown();  
    			   }  
    			   //Parents  
    			   jQuery('.ms-core-listMenu-verticalBox ul.root > li > a').click(function (e) {  
    				 jChildren = jQuery(this).next('ul');  
    				 if(jChildren.length!=0)  
    				 {  
    				  e.preventDefault();  
    				  jChildrens.slideUp();  
    				  if (jChildren.is(':visible') == false)  
    				  {  
    					jChildren.slideDown();  
    				  }  
    				 }  
    			   });  
    			 });  
    		</script>

    Obs.: Percebi que o link Pai não funciona o link, :(

    Preciso ver isto.

    Forte Abraço!


    K2rto'4 - Analista de Sistemas
    "Hoje melhor do que ontem, amanhã melhor do que hoje!" 改 善




    • Marcado como Resposta TI DEV sexta-feira, 23 de outubro de 2015 13:42
    • Editado TI DEV sexta-feira, 23 de outubro de 2015 17:03
    sexta-feira, 23 de outubro de 2015 13:41