Tooltips on speedDial item are not displayed

UI Components for Angular
Post Reply
nemanjam
Posts: 3
Joined: 25 Dec 2021, 16:10

23 May 2022, 14:55

Hi,
I have speed dial component in my html:

Code: Select all

<p-speedDial 
          #sd
          [model]="userMenu" 
          direction="left" 
          showIcon="pi pi-user" 
          [rotateAnimation]="false"
          (onVisibleChange)="changeVisibility(sd.visible)">
</p-speedDial>
,and model userMenu is:

Code: Select all

this.userMenu = [
      {
          icon: 'pi pi-cog',
          routerLink: ['/settings'],
          tooltip: 'Settings',
          tooltipPosition: 'bottom',
      },
      {
          icon: 'pi pi-info-circle',
          routerLink: ['release-notes'],
          tooltip: 'Release notes',
          tooltipPosition: 'bottom'
      }
];
The problem is that, tool tips are not displayed on speed dial items.
If anyone can help I would be grateful,
Thanks!

nemanjam
Posts: 3
Joined: 25 Dec 2021, 16:10

24 May 2022, 10:23

Hi,
I will reply, it may be useful to someone.
I solved the problem by changing the model:

Code: Select all

this.userMenu = [
      {
          icon: 'pi pi-cog',
          routerLink: ['/settings'],
          tooltipOptions: {
            tooltipLabel: "Settings",
            tooltipPosition: "bottom"
          }
      },
      {
          icon: 'pi pi-info-circle',
          routerLink: ['release-notes'],
          tooltipOptions: {
            tooltipLabel: "Release notes",
            tooltipPosition: "bottom"
          }
      }]

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests