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

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |