dynamic menu works with chrome but not with edge [Answered]RSS

1 reply

Last post Dec 06, 2016 02:17 AM by Eric Du

‹ Previous Thread|Next Thread ›

Shortcuts

Moises Durov...

Member

30 Points

135 Posts

dynamic menu works with chrome but not with edge

Dec 05, 2016 10:40 PM|Moises Durovni|LINK

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>

TIA

Moisés

Eric Du

Contributor

6680 Points

2715 Posts

Re: dynamic menu works with chrome but not with edge

Dec 06, 2016 02:17 AM|Eric Du|LINK

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:

Moises Durovni
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

MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.

‹ Previous Thread|Next Thread ›