Como deixar os submenus em horizontal no SC

Menu / Menu Árvore
#1

boa tarde,
gostaria de saber se tem como deixar o submenu na horizontal quando responsivo
versao 9.4
Teria que criar um css ?
se alguem puder ajudar agradeço desde já

#2

Ola, @glauciasg

Tudo bem?

Não há como fazer isso nativamente no Scriptcase.

Entretanto, o que dá pra fazer é usar um pouco de CSS e JS para detectar, num evento onLoad, se a aplicação está sendo chamada via mobile e assim mudar o comportamento da abertura do menu.

Aqui um exemplo de código:

if($_SESSION['scriptcase']['device_mobile']) {
    ?>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $('[id^="item_"]').click(function(){
                    if($(this).attr('item-href') !== "#"){
                        $('.active').removeClass('active');
                        $(this).each(function(){
                            $(this).addClass('active');
                        });
                    }
                });

                // Toggle menu mobile
                $('#idDivMenu td > div > div:first-child').click(function(){
                    $(this).toggleClass('active');
                });

                // Toggle items of menu
                $('#css3menu1 > li').click(function(){
                    $(this).toggleClass('active');
                });
            })
        </script>

        <style>
            .mainmenu #css3menu1 .menu__submenu{
                position:static;
                display:none;
            }

            .mainmenu #css3menu1 .active .menu__submenu{
                display:block;
            }
        </style>

    <?php
    
}

Nos avisa se deu tudo certo.

Grande abraço! :smile:

#3

A dica acima não funcionou.

Sugestão:
Crie menu master só com os itens principais (chamaria de módulos).
Crie um menu no formato horizontal para cada módulo.
Associe os itens principais do menu master aos menus de cada módulo.

Precisa testar no mobile. O comportamento será o mesmo no modo desktop a não ser que vc mantenha o menu padrão e no login se estiver em modo mobile desvia para o menu master caso contrário desvie para o menu padrão.

1 Curtida