I am not getting dropdown list items

Question

0.00/5 (No votes)

See more:

Hi,

I was trying to get the drop down list items on MVC 5 Layout. below is my code. Here I am not getting any sub menu items of contact. please let me know where i did mistake. Thank you in advance. :)

HTML

<div class="navbar-collapse collapse">                 
                    <ul class="nav navbar-nav">
                        <!-- Left Menu Items -->                  
                      
                        <li>@Html.ActionLink("Home", "Index", "Home")</li>
                        <li>@Html.ActionLink("About", "About", "Home")</li>
                        <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Sub menu 1</a></li>
                            <li><a href="#">Sub menu 2</a></li>
                            <li><a href="#">Sub menu 3</a></li>
                        </ul>
                        </li>
                    </ul>
</div>

What I have tried:

below is my code to get Sub menu items of contact. Please let me know if you need more details about this.

Thanks in Advance.

Posted 29-Mar-16 23:49pm

Member 12224368

Updated 30-Mar-16 1:52am

Add a Solution

Comments

F-ES Sitecore 30-Mar-16 5:58am

You're going to have to explain what you want a bit better. What do you mean by "get" them? In a controller? JavaScript?

Member 12224368 30-Mar-16 7:20am

through bootstrap. As per above code I have to get drop down list items.. but here I am not getting anything. please see the above code and let me know if I missed anything there.

Thank you very much in Advance.

Karthik_Mahalingam 30-Mar-16 6:46am

what is the exact issue ?

Member 12224368 30-Mar-16 7:16am

I was trying to add drop down list items with the above code, but I am not getting any values over there. if I click on contact it should show values what i have gave but here nothing is happening...:(

Karthik_Mahalingam 30-Mar-16 7:31am

post your entire html page code. i think you are missing some references..

Member 12224368 30-Mar-16 7:44am

Please see the below html code ...
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Clean Zone</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:300,200,100' rel='stylesheet' type='text/css'>
<script src="~/scripts/jquery.js"></script>

<link href="~/stylesheet/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="~/stylesheet/font-awesome.min.css">
<link rel="stylesheet" href="~/stylesheet/bootstrap.css.map">



<script type="text/javascript" src="~/scripts/bootstrap-switch.min.js"></script> 
<link rel="stylesheet" type="text/css" href="~/stylesheet/bootstrap-switch.css" /> 


<script type="text/javascript" src="~/scripts/jquery.nestable.js"></script>

<link rel="stylesheet" type="text/css" href="~/stylesheet/select2.css" />
<script src="~/scripts/select2.min.js" type="text/javascript"></script>





<script type="text/javascript" src="~/scripts/general.js"></script>


<link href="~/stylesheet/style.css" rel="stylesheet">
</head>

<body>
<div id="head-nav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<link href="~/Images/logo.png" rel="logo">

</div>


<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">


<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li class="active">Home</li>
<li class="active">About</li>
@*<li>@Html.ActionLink("About", "About", "Home")</li>*@
<li class="dropdown">

<ul class="dropdown-menu">
<li>@Html.ActionLink("Action", "Action", "Home")</li>
<li>Sub menu 1</li>

<li>Sub menu 2</li>
<li>Sub menu 3</li>
<li class="dropdown-submenu">
Sub menu
<ul class="dropdown-menu">
<li>Action 1</li>
<li>

Karthik_Mahalingam 30-Mar-16 7:53am

refer my solution. bootstrap js file is missing as per your posted code

Member 12224368 30-Mar-16 8:03am

Thank you very much bro... It's working now ..
Thank you :)

Karthik_Mahalingam 30-Mar-16 8:28am

welcome :)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Accepted Answer · 2016-03-30T01:52:00

Solution 1

Please add bootstrap.js reference to your code.

cdn link

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Posted 30-Mar-16 1:52am

Karthik_Mahalingam