Syncfusion Open URL in Menu Item in a new Tab

Question

I have a Menu in Syncfusion Angular. The Menu Item should navigate to an URL in new tab. It is opening in same tab by overriding the website. How to acheive this.

@ViewChild('sidebarMenuInstance')
  public sidebarMenuInstance: SidebarComponent;
  @ViewChild('menu')
  private menuObj: MenuComponent;
  public menuItems: MenuItemModel[] = [    
    {
      text: 'Menu Item',
      iconCss: 'icon',
      items: [
        {
          text: 'Link', iconCss: 'icon-picture icon', url: 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf',         
        }
      ],
    }
  ];

DRG · Accepted Answer · 2022-09-28 18:39:56Z

0

  private beforeItemRender(args: MenuEventArgs): void {
        if (args.item.url) {
            // To open url in blank page.
            args.element.getElementsByTagName('a')[0].setAttribute('target', '_blank');
        }

answered Sep 28, 2022 at 18:39

DRG

696 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Syncfusion Open URL in Menu Item in a new Tab

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related