Questions tagged [primeng-menu]
10 questions
4
votes
2 answers
PrimeNG, Menubar items to the right side
I have a PrimeNG Menubar component, I want my items in the right side, they are currently on the left side, how could I align them to the right? In this case I want to align all of them to the right, not just a specific one
FlowMafia
- 922
- 2
- 19
- 37
1
vote
1 answer
Angular 8 + PrimeNG PanelMenu - how to dynamically add menu items
Is it possible to set menu items based on data fetched from database?
import {Component, OnInit} from '@angular/core';
import {MenuItem} from 'primeng/api';
@Component({
selector: 'app-questionnaire',
templateUrl:…
Matley
- 1,953
- 4
- 35
- 73
1
vote
2 answers
Angular8-10, PrimeNG10 `p-menu` throws error
I created a new Angular 10 app (have also tried with ng 8 and 9):
primeng-menu>ng new primeng-menu
Installed the PrimeNG modules:
npm install primeng --save and npm install primeicons --save
package.json:
"dependencies": {
"@angular/animations":…
Joe
- 4,143
- 8
- 37
- 65
0
votes
1 answer
PRIMENG. How to replace the icon of the p-panelmenu-icon to caret-down when a sub-menu is opened?
I use Primeng version 11 for my Angular 11 project. I am creating a panel menu using primeng and I want to change the p-panelmenu-icon to fa-caret-right but I don't know how to change the icon to fa-caret-down when click on a menu item.
Here is my…
Nhut Truong
- 5
- 2
0
votes
1 answer
Menu item label translation not performed
Given the following component
@Component({
selector: 'sidebar-menu',
templateUrl: './sidebar-menu.component.html',
styleUrls: ['./sidebar-menu.component.scss'],
})
export class SidebarMenuComponent implements OnInit {
userMenuItems:…
Mario
- 4,784
- 3
- 34
- 50
0
votes
1 answer
SyntaxError with Jest: unknown pseudo-class selector ':has()'
I have an Angular (v15.0.0) component, which collects all DOM elements matching a CSS criteria. It is created to achieve the same effects on a 3rd party component and my custom components.
handleOpenMenusListener(event: MouseEvent) {
const…
gulyasfeccferenc
- 315
- 3
- 8
0
votes
1 answer
How can I prompt user to upload file from within a PrimeNG menuItem in angular
I have a menu item like this
items = [{
label: 'Upload', icon: 'pi pi-plus', command: (event) => { //get the event.target.file and pass it into a service that will manage the rest},
...
}]
So in the Html I am using the …
Linda Scoon
- 55
- 5
0
votes
1 answer
PrimeNG toolbar button with dropdown appears in the wrong place
I've made a stackblitz example here to show the issue:
https://stackblitz.com/edit/primeng-toolbar-demo-u21zmt?file=src%2Fapp%2Fapp.component.html
When clicking the remove button the popup menu shows in the wrong place.
I don't want to have to…
K-Dawg
- 3,013
- 2
- 34
- 52
0
votes
1 answer
Console error in Angular 10 when page loads
I am preparing an array like the below when my page load (ngOnInit() method). But when the page loads I am getting an error in console as
ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports…
User
- 385
- 8
- 21
0
votes
1 answer
PrimeNg Menu Click
MenuItem of primeng has a parameter called command that is a function to be executed when its item is clicked.
However, I want to open another menuItem on click of item of previous menuItem or on hover of particular item it should open another…
Hris App
- 1