locked
dynamic menu works with chrome but not with edge RRS feed

  • Question

  • User1144299848 posted

    Hi Folks,

    My code generates this HTML menu. It worked with a bootstrap theme in MS Edge, but, I don't know why it stopped. It still work with Chrome, but it loses the colors from the theme.

    Can anyone help me?

    <div class="navbar-collapse collapse" id="Menu">
    <ul class="nav navbar-nav" id="menu">
                            <li class="dropdown">
                                <a class="dropdown-toggle" href="#" data-toggle="dropdown">Colaborador <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                        <li>
                                            <a href="/Pessoal/Pes/Create">Novo Colaborador</a>
                                        </li>
                                        <li>
                                            <a href="/Pessoal/Admissao/Pesquisa">Pesquisa</a>
                                        </li>
                                        <li>
                                            <a href="/Pessoal/PesEmps">Funcionário</a>
                                        </li>
                                        <li>
                                            <a href="/Pessoal/Pes/Ferias">Férias</a>
                                        </li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a class="dropdown-toggle" href="#" data-toggle="dropdown">Apoio <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                        <li>
                                            <a href="/Pessoal/Fcoes">Função</a>
                                        </li>
                                        <li>
                                            <a href="/Pessoal/Loctrbs">Local Trab</a>
                                        </li>
                                </ul>
                            </li>
    </ul>
                    </div>
    

    Monday, December 5, 2016 10:40 PM

Answers

  • User-1838255255 posted

    Hi Moises Durovin,

    According to your code, I test you code in Edge(Version:Microsoft Edge 38.14393.0.0) and Chrome(Version:54.0.2840.99 m (64-bit)), this is test result:

    Tested Code:

    <head runat="server">
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <div class="navbar-collapse collapse" id="Menu">
                    <ul class="nav navbar-nav" id="menu">
                        <li class="dropdown">
                            <a class="dropdown-toggle" href="#" data-toggle="dropdown">Colaborador <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="/Pessoal/Pes/Create">Novo Colaborador</a>
                                </li>
                                <li>
                                    <a href="/Pessoal/Admissao/Pesquisa">Pesquisa</a>
                                </li>
                                <li>
                                    <a href="/Pessoal/PesEmps">Funcionário</a>
                                </li>
                                <li>
                                    <a href="/Pessoal/Pes/Ferias">Férias</a>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" href="#" data-toggle="dropdown">Apoio <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="/Pessoal/Fcoes">Função</a>
                                </li>
                                <li>
                                    <a href="/Pessoal/Loctrbs">Local Trab</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </form>
    </body>

    Chrome:

    Edge:

    It worked with a bootstrap theme in MS Edge, but, I don't know why it stopped. It still work with Chrome, but it loses the colors from the theme.

    I think it works in Edge and Chrome! But I am not clear the result in your side, So I hope you can post your complete code, issue result(screen shot) and expected result!

    Best Regards,

    Eric Du 

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, December 6, 2016 2:17 AM