All Questions
425 questions
-1
votes
0
answers
26
views
How can I replicate this POS UI layout using Angular standalone components and PrimeNG or even normal HTML and CSSS? [closed]
I'm trying to design a POS (Point of Sale) screen using Angular (v17) with standalone components and PrimeNG UI components. I've attached a screenshot of the layout I'm aiming for:
What I’ve done so ...
- 65
0
votes
0
answers
51
views
PrimeNG Mega Menu open submenu on hover
I am attempting to use the PrimeNG mega menu: https://primeng.org/megamenu But I want the sub menu to open on hover instead of click. This is what I'm trying to do:
<div class="menu-wrap"&...
- 170
2
votes
2
answers
59
views
How to override styles of an overlay (.ui-widget-overlay) generated by PrimeNG outside the component?
I need to apply specific opacity and background color to a p-sidebar component from PrimeNG. I can achieve this globally by adding the following to styles.scss:
body .ui-widget-overlay {
opacity: 0....
- 1,694
1
vote
1
answer
44
views
P-Dialog content is getting cut when zooming in
I added a PrimeNG dialog with an image inside. I want to zoom in and out of the image using the scroll. It seems like the p-dialog has the overflow property set to auto, but my content keeps getting ...
- 31
0
votes
2
answers
2k
views
PrimeNg 19 styles don't work in Angular 19
I'm developing a project in Angular 19 and I installed PrimeNg 19 but the styles don't work, I imported the theme in my app.config.ts file but still the styles don't work.
Run npm i primeng primeicons ...
2
votes
3
answers
395
views
How to truncate long text with ellipsis in Angular PrimeNG 19 table?
I am using PrimeNG version 19 in my Angular 19 project, and I have a table where some columns contain long text. Currently, the text wraps onto multiple lines, but I want to truncate the text with an ...
- 9,422
5
votes
1
answer
3k
views
PrimeNG 19 - Changing background color to dialog headers and footers [closed]
I’ve been using PrimeNG since Angular 4. I updated my apps to Angular 18 and PrimeNG 17, because PrimeNG was late in updating. This week I updated my first app with the latest 19 both Angular and ...
- 4,141
2
votes
1
answer
226
views
How can I use a custom icon for a MenuItem in Angular and PrimeNG?
I am using Angular 18 and the RC version of PrimeNG 18 ("primeng": "^18.0.0-rc.1")
I am trying to use a custom icon for the MenuBar component elements, since by default using icon: ...
- 99
2
votes
1
answer
77
views
How to add vertical line between two tabs?
need vertical line (|) between the tabs.
<p-tabView>
<p-tabPanel header="Header I">
<p>
Lorem ipsum dolor sit amet...
</p>
</p-...
2
votes
1
answer
177
views
PrimeNG not showing components like in the examples on their website
I cant seem to get the selectButton, table and other component styles like in the screenshot below (like on their website). https://primeng.org/table
I dont know if its the theme or what, but I've ...
- 47
0
votes
0
answers
62
views
elements in <p-splitter> won't detect screen size changes
I'm using a <p-splitter> and inside the areas of the splitter I use some responsive grids in PrimeNG. The thing is when I resize those areas the components inside them won't notice the size ...
- 147
1
vote
0
answers
212
views
PrimeNG Style issue when using theme css file with imports rather than injection
When I use primeng themes via injecting the stylesheets in angular.json, I get the result I am looking for which is shown below.
"styles": [
"src/styles.css",
&...
1
vote
0
answers
60
views
Primeng frozen column not working with p-dialog
I use p-table with frozen column in p-dialog is not working
when I use outside the p-dialog it work fine
- 103
0
votes
0
answers
152
views
PrimeNG 17.18 table - Be able to save column widths and load them back (custom implementation)
I have an Angular 18 web application that uses PrimeNG 17.18 components.
I'm making a save table state which saves multiple preferences to a database.
My issue is that there is not a lot of ...
1
vote
2
answers
722
views
How to change background-color of `p-card` component in PrimeNG 18?
I am trying to change the background color of the container of p-card component.
For context, I am brute forcing to change some styling in primeng components just to see if I will be able to have that ...
- 11