Skip to main content
47 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
113 views

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, ...
saicharan's user avatar
  • 505
0 votes
0 answers
401 views

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 ...
JDev's user avatar
  • 2,621
1 vote
1 answer
952 views

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 ...
Sugafree's user avatar
  • 723
1 vote
1 answer
478 views

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 ...
Kashif Khan's user avatar
  • 693
-1 votes
1 answer
273 views

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 ...
Progranoob's user avatar
  • 53
1 vote
1 answer
2k views

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 ...
Beast's user avatar
  • 457
1 vote
1 answer
1k views

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. ...
FloCAD's user avatar
  • 314
-1 votes
1 answer
253 views

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 ...
Ricardo Ruíz Alarcón's user avatar
  • 313
1 vote
1 answer
2k views

I'm using PrimeFlex (with PrimeVue) and I'd like to know if there is a way to apply PrimeFlex classes in the CSS rather than in the template. I know that in tailwind you can use the @apply like ...
FloCAD's user avatar
  • 314
0 votes
2 answers
365 views

I have a new Angular project that I am trying to create the grid layour for. However, it is not rendering correctly. This is the HTML: <div class = "grid"> <div class = "col-...
PMO1948's user avatar
  • 2,584
3 votes
1 answer
3k views

The PrimeFlex gap classes don't seem to work with grid. How do I get this to increase the gap, instead of creating 4 rows? <div class="grid gap-1"> <div class="col-6">...
Johannes Pertl's user avatar
  • 1,033
3 votes
2 answers
2k views

Here's a basic fiddle of my issue. Is there any way to achieve a text overflow ellipsis just into the input and a full text when the input is focused like screenshot below? I tried primeflex related ...
Fseee's user avatar
  • 2,619
1 vote
2 answers
2k views

I'm using Primeng and I can't display correctly this menu when the button is clicked. As you can see on this image, the menu displays outside of the table header far away from the button. What I need ...
Ricardo Ruíz Alarcón's user avatar
  • 313
0 votes
2 answers
3k views

This should be simple. I'm using Angular/PrimeNG 14 and PrimeFlex. I have a p-header in a p-panel. In the p-header I want text on the left and two buttons on the right. Here's the .html: <div>...
Dean Schulze's user avatar
  • 10.4k
5 votes
1 answer
2k views

In my application I have a DataTable component, one column, namely "Note" can contain very long texts. I have defined the column as follows: <Column style={{maxWidth: 220}} className={&...
user17145524's user avatar
  • 291
2 votes
1 answer
2k views

I'm using "@angular/cli": "~13.3.0", "primeflex": "^3.1.3", i've done the installation npm install primeflex --save and then added to angular.json file &...
user avatar
1 vote
0 answers
1k views

I'm using PrimeVue for my Vue3 app and want to have a flexbox without using the toolbar component. When installing Primeflex and importing the CSS file the CSS of the PrimeVue components is broken. ...
Question3r's user avatar
  • 4,082
2 votes
1 answer
3k views

I want to apply some margin on PrimeVue elements inside my Vue3 app. Based on the example from the docs https://www.primefaces.org/primevue/showcase/#/selectbutton I have a working example with a ...
Question3r's user avatar
  • 4,082
2 votes
1 answer
533 views

In my browser In primeflex doc And yes i've already installed with the new stack, Angular 12 and Prime flex 3 <div class="card"> <h5>Vertical and Grid</h5> <...
cumironin's user avatar
  • 33
0 votes
1 answer
2k views

I am using primeflex, and in begin all go good, but now... i dont know what happen. Suddenly breaks. This styles arent catching by the elements of the html. The first example of grid system dont work: ...
Pevi's user avatar
  • 55
2 votes
1 answer
4k views

I tried to setup PrimeFlex (3.0.1) for PrimeFaces (10.0.0). I used css files as provided in dist folder of PrimeFlex repo. Also I followed the instructions given in PrimeFaces ShowCase and used a ...
Greenfly77's user avatar
  • 305
0 votes
1 answer
2k views

I am using a PrimeNG DataView component which says to use PrimeFlex's flex grid CSS classes to create the grid structure. This is one of their examples, and they say: In grid mode, the ng-template ...
Hayden Farnsworth's user avatar
  • 11
1 vote
1 answer
582 views

The columns alignment using "p-dir-col" does not display as expected in IE11. To reproduce, check out the demo page opened in Internet Explorer 11: https://www.primefaces.org/primeng/#/flexgrid => ...
patchy's user avatar
  • 19
0 votes
1 answer
2k views

I want to design a page with primereact flexgrid but its not working, code is below... (copied from primereact site) import 'primereact/resources/primereact.min.css'; import 'primeicons/primeicons....
nwzhaider's user avatar
  • 359