How did you guys manage to get a logo in the nav bar on the demo page?

[griffind]

I inspected the elements and it seems you just put it in an image tag within the anchor tag with class "brand-logo". I thought this seemed easy enough, but now I realize that I am not sure where to put it relative to the nav bar component.

      <ul id="dropdown1" class="dropdown-content">
            <li><a href="#">one</a></li>
            <li><a href="#">two</a></li>
            <li class="divider"></li>
            <li><a href="#">three</a></li>
        </ul>

      {{#md-navbar name='logoText' class='amber lighten-3 black-text'}}
         <img class="brand-logo" src="/images/navBarLogo.svg">
          <li><a href="" {{action 'reload'}}><i class="mdi-navigation-refresh black-text"></i></a></li>
          <li><a href="#"><i class="mdi-communication-email black-text"></i></a></li>
          <li><a class="dropdown-button black-text" href="#!" data-activates="dropdown1">{{username}}<i class="mdi-navigation-arrow-drop-down right"></i></a></li>
      {{/md-navbar}}

Above is what I have so far, but his ends up putting it aligned right in the nav bar. How did you accomplish what you did with the demo page using this add-on? Any help is always appreciated, and thank you in advance, so far I am really enjoying this add-on. 👍

[mike-north]

I've always had trouble with the {{#md-navbar component. There are so many different use cases for the navbar (top-fixed, customizing brand-logo, turning it into a search bar, etc...) that it's very difficult to make a component that satisfies all use cases. The main thing holding an awesome implementation back is that we lost some content projection techniques in ember 1.13 (things that worked in <= 1.12)

[griffind]

@truenorth So what would you recommend? Just get rid of the component and use standard tags with the materialize classes?

[mike-north]

@griffind that's what I've had to do for "advanced" navbar usage. I create a custom app-specific navbar component.

The goal is to not force you to do this, but we're not there yet.