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

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |