Menu icon is missing on root level

Post Reply
tbegsr
Posts: 17
Joined: 25 Jul 2016, 18:07
Location: Suisse

11 Jan 2021, 01:25

With Version ultima-ng-10.1.0 I missing the icon on root level
Image
Can you includeit please
Thanky you

tbegsr
Posts: 17
Joined: 25 Jul 2016, 18:07
Location: Suisse

11 Jan 2021, 08:09

and a root menu point can also be used only as a label.
this.model = [
{ label: 'Dashboard', icon: 'pi pi-th-large', routerLink: ['/']},
];

mcandu
Posts: 18
Joined: 20 Jan 2021, 16:31

04 Feb 2021, 14:38

Hi,

@merve Could you please check this issue?

Best Regards,

merve7
Posts: 690
Joined: 12 Sep 2017, 10:44

09 Feb 2021, 14:06

Hi,
It is not missing. It's related to design. Root menu icons have used in horizontal and slim menu mode.
Also, if you want to use it, you can use root menu icon following the below steps;
1. add the i tag in the div tag in app.menuitem.component.ts file

Code: Select all

            <div *ngIf="root">
                <i [ngClass]="item.icon" class="layout-root-menuitem-icon"></i> 		//this line
                <span class="layout-menuitem-text">{{item.label}}</span>
            </div>
2. add the below code in your stylesheet or _layout_styles.scss file

Code: Select all

body {
    .menu-wrapper .layout-menu .layout-root-menuitem-icon {
        color: #515C66;
        margin-right: .75em;
    }
}

tbegsr
Posts: 17
Joined: 25 Jul 2016, 18:07
Location: Suisse

09 Feb 2021, 23:15

Thanks a lot. This looks already great
But the menupoint is not selectable

Image

merve7
Posts: 690
Joined: 12 Sep 2017, 10:44

15 Feb 2021, 14:29

Hi,
Sorry, but this selectability issue is related to design. If you need a selectable item please use a menuitem instead of a rootitem.

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests