SHARE
TWEET

Dropdown

a guest Nov 8th, 2018 108 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. Been toying around with this for a bit and have had quite a bit of success so far but there's just one problem I personally can't seem to fix.
  2.  
  3. I'm using bootstrap to create my navbar and everything in it which works fine for the most part, until I come to the point where I am using dropdowns.
  4.  
  5. What I want it to look like is something like [this](https://i.imgur.com/ulyBksM.png)
  6.  
  7. But the result I get is [this](https://i.imgur.com/o28zSD3.png)
  8.  
  9. @model MessePrototyp.Models.MenuItem
  10.  
  11. <li class="dropdown-submenu">
  12.  
  13.     <a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown">@Model.Caption</a>
  14.  
  15.     <ul class="dropdown-menu">
  16.         @foreach (var subitem in @Model.MenuItems)
  17.         {
  18.             if (subitem.MenuItems.Count != 0)
  19.             {
  20.  
  21.                 @await Html.PartialAsync("MenuItem", @subitem)
  22.  
  23.             }
  24.             else
  25.             {
  26.                 <li><a a class="dropdown-item" asp-area="" asp-controller="@subitem.Controller" asp-route-id="@subitem.Notation" asp-action="@subitem.Action">@subitem.Caption</a></li>
  27.  
  28.  
  29.             }
  30.  
  31.  
  32.         }
  33.     </ul>
  34. </li>
  35.  
  36. This line here
  37.  
  38.     <a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown">@Model.Caption</a>
  39.  
  40. seems to be the one creating the duplicate of the 'title', I have not yet found a way to fix this though since nobody else seemed to have this problem.
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top