47 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
1
vote
0
answers
171
views
PrimeNG 17 → 18 theming: how to keep our v17 look?
We upgraded an Angular app from PrimeNG 17 (classic theme) to PrimeNG 18 (new tokens/presets). After the upgrade, the UI changed notably (spacing, paddings, border radius, fonts, table row height, ...
0
votes
0
answers
37
views
PrimeReact Editor adds unnecessary space while change the content
We have created SPFx React solution. We have used PrimeReact library in that project.
We have used the Editor component from PrimeReact library.
The editor works with initial data which passed on ...
0
votes
0
answers
453
views
Primevue 4.3.x does not work with primeuix/themes and primeflex together
I've been trying to upgrade for a few days now. I have re-read all tickets and forums, but I get the feeling that it's not me doing something wrong, it's just some bug or this design just breaks when ...
0
votes
1
answer
485
views
Primeflex styles not working in Angular 19
I have an application in angular 19, I added the PrimeNG and Primeflex package and now I have a problem that the styles from primeflex do not work at all, e.g. I have this code:
<div class="...
1
vote
1
answer
1k
views
Use full width for SelectButton and ButtonGroup PrimeVue components
I have the following page in a Vue 3 application and on smaller screens I want the SelectButton and ButtonGroup components to use full width. The parent components use full widths, yet the inner ...
1
vote
1
answer
110
views
Gridstack.js with Ngx Spinner, Spinner fullscreen in Component
I'm building a DashBoard with GridStackJs and NgxSpinner to show a screen in each component every time I run a service, but the size of the grid-stack-item-content is too big, because it doesn't ...
1
vote
1
answer
496
views
How to achieve full viewport height without scrollbars using PrimeNG, PrimeFlex, and h-screen?
I'm building an interface using Angular along with PrimeNG and PrimeFlex. I want a container to fill the entire height of the screen without any scroll bars appearing. I've tried using both h-screen ...
0
votes
1
answer
248
views
responsive h-full by size prime flex
I'm currently using PrimeNg and PrimeFlex in an Angular project, but I'm having trouble using the h-full property because I want it to be used when a card is more than n pixels and when I don't ...
-1
votes
1
answer
281
views
CSS width "px" adjusts my input textfield but not "%"
I have an input textfield that I would like to fill the entire grid column (using primeflex). I thought that simply adding "width: 100%" (w-full) would fix the empty space. It does not seem ...
1
vote
0
answers
58
views
I can't make them responsive p-tabPane
I'm trying to make this code snippet responsive, but it's not working, the p-tabPanel overflows my screen. Check the official documentation and try to replicate it, but it still doesn't work. I am ...
1
vote
1
answer
2k
views
Override default primeNG icons without creating custom components
I have the following code below. What I want to do is to change the icons that appear, while retaining the same API (the icon: 'pi pi-check-circle', argument). In other words, I want zero edits to the ...
1
vote
0
answers
349
views
Issue with primeflex styles in conjunction with tailwind responsive
I'm facing an issue with primeFlex styles when used in conjunction with Tailwind. Due to the importance given to Tailwind styles, the responsive styles are not functioning as expected. The problem is ...
1
vote
1
answer
1k
views
PrimeVue Tree with action buttons on each TreeNode
Configuration:
Vue 3.3.6 in composition API script setup style
PrimeVue 3.37.0
PrimeFlex 3.3.1
Typescript
Goal:
Getting a selectable tree with checkboxes with actions button on each TreeNode.
...
0
votes
1
answer
763
views
After PrimeNG Upgrade to 15.0.0 "p-grid" styles are not working
Currently I am working on Primeng upgradation in Angular 15.
Scenario: As per requirement we are upgrading Angular12 PrimeNG(harmony-ng-12.2.0) project to Angular 15 along with PrimeNG((harmony-ng-15....
-1
votes
1
answer
257
views
p-calendar with p-selectButton in header
I'm doing some kind of dashboard and I need to filter some stuff using a p-calendar. I want to make this component look like the other one:
As you can see the problem in the first one is the ...