How to leave the PrimeFaces MegaMenu in Vertical

1

I have a problem with the PrimeFaces MegaMenu, I can not leave it upright. I am making a code to test, which follows below:

<p:megaMenu orientation="vertical" style="margin-top:20px">
  <p:submenu label="MENU" icon="ui-icon-check">
    <p:column>
        <p:submenu label="Menu.1">
            <p:menuitem value="Opcao.1.1" url="#" />
            <p:menuitem value="Opcao.1.2" url="#" />
        </p:submenu>
        <p:submenu label="Opcao.2">
            <p:menuitem value="Opcao.2.1" url="#" />
            <p:menuitem value="Opcao.2.2" url="#" />
            <p:menuitem value="Opcao.2.3" url="#" />
        </p:submenu>
    </p:column>

    <p:column>
        <p:submenu label="Menu.2">
            <p:menuitem value="Opcao.4.1" url="#" />
            <p:menuitem value="Opcao.4.2" url="#" />
        </p:submenu>
        <p:submenu label="TV.5">
            <p:menuitem value="Opcao.5.1" url="#" />
            <p:menuitem value="Opcao.5.2" url="#" />
            <p:menuitem value="Opcao.5.3" url="#" />
        </p:submenu>
    </p:column>
  </p:submenu>
</p:megaMenu>
    
asked by anonymous 03.02.2016 / 13:54

1 answer

2

It seems that the orientation attribute only works correctly on newer versions of Primefaces.

I tested it with 5.3 (Community) and it did not work.

I tested with 5.3.6 (Elite) and it's ok!

    
03.02.2016 / 14:41