none
[Sharepoint 2013] Como faço para alterar a posição do 3º nível de menu?? RRS feed

  • Pergunta

  • Olá,
    Como podem ver nas imagens abaixo, tenho um menu configurada por Managed Metadata (Term Store).

    Menu

    O problema é que o 3º nível de menu abre para a Frente do 2º Nível de menu.
    E o que preciso é que ele fique abaixo do nível de menu 2.

    Como posso fazê-lo?

    Quero que a estrutura de menu fique mais ou menos assim:

    Link 1
        Link 11
           Link 12
    Link 2
    Link 3
        Link 31
    Link 4
    Link 5

    Obrigado


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


    • Editado TI DEV segunda-feira, 9 de novembro de 2015 17:56
    sexta-feira, 6 de novembro de 2015 16:45

Respostas

  • Olá,

    Com o CSS abaixo teremos o 3º menu na posição correta.

    <style>
    
    /* Default menu levels 3+ padding */
    .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > .ms-core-listMenu-item { padding-left: 60px; }
    .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > .ms-core-listMenu-item { padding-left: 80px; }
    .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > .ms-core-listMenu-item { padding-left: 100px; }
    
    /* Switch level 2+ padding */
    .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .switch {	padding-left: 20px; }
    .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > .switch { padding-left: 40px; }
    .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > .switch { padding-left: 60px; }
    .ms-core-listMenu-verticalBox li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > ul.static > li.static > .switch { padding-left: 80px; }
    
    /* Collapsed and expanded levels */
    .ms-core-listMenu-verticalBox li ul {
    
    }
    .ms-core-listMenu-verticalBox li.expanded > ul {
    	height: auto;
    }
    
    /* Switch styles */
    .switch {
    	float: left;
    	width: 20px;
    	height: 25px;
    	cursor: pointer;
    	-webkit-user-select: none;
    	-moz-user-select: none;
    	-ms-user-select: none;
    	-o-user-select: none;
    	user-select: none;
    }
    .switch span {
    	display: block;
    	width: 10px;
    	height: 15px;
    	margin:	5px;
    	overflow: hidden;
    }
    .switch img {
    	;
    	left: -254px;
    	top: -184px;
    }
    .expanded > .switch img{
    	left: -254px;
    	top: -144px;
    }
    
    </style>

    É por aí.

    Obs.: Este CSS se encontra no site http://yakovenkomax.com/converting-sharepoint-2013-quick-launch-to-accordion-menu/

    Abs


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

    • Marcado como Resposta TI DEV segunda-feira, 9 de novembro de 2015 17:56
    segunda-feira, 9 de novembro de 2015 17:55