External link in menu and New entry point #4508

3 Answer(s)

• 

  0

  strix20 created 7 years ago

  I don't think external links are supported. I have a separate issue due to the current constraints of the menu system, see here:

  #4459

  Perhaps it would be of use to request enhancements to the constricting menu system on github?

  Save Cancel
• 

  0

  joe704la created 7 years ago

  I ended up adding a external boolean to the AppMenuItem class

  export class AppMenuItem {
      name = '';
      permissionName = '';
      icon = '';
      route = '';
      items: AppMenuItem[];
      external: boolean;
  
      constructor(name: string, permissionName: string, icon: string, route: string, external?: boolean, items?: AppMenuItem[]) {
          this.name = name;
          this.permissionName = permissionName;
          this.icon = icon;
          this.route = route;
          this.external = external;
  
          if (items === undefined) {
              this.items = [];
          } else {
              this.items = items;
          }
      }
  }
  

  Then in the side-bar-menu.component.html I added this

  <a href="{{menuItem.route}}" *ngIf="!menuItem.items.length && menuItem.external" class="m-menu__link m-menu__toggle" target="_blank">
                      <i class="m-menu__link-icon {{menuItem.icon}}"></i>
                      <span class="m-menu__link-text">
                          <span class="title">{{l(menuItem.name)}}</span>
                      </span>
                  </a>
  

  It seems to work very well. I just had a need to link to two different external applications.

  Save Cancel
• 

  0

  ismcagdas created 7 years ago

  Support Team

  Thanks @joe704la, we will also include this into AspNet Zero, <a class="postlink" href="https://github.com/aspnetzero/aspnet-zero-core/issues/733">https://github.com/aspnetzero/aspnet-ze ... issues/733</a>.

  Save Cancel