All Questions
360 questions
-1
votes
0
answers
25
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
1
vote
1
answer
42
views
How to trigger PrimeNG <p-fileUpload> file dialog by clicking a custom icon?
I’m using Angular 18 and PrimeNG 17.x, and I want to open the file upload dialog of a component when I click a custom icon, like a file-excel icon.
What I Tried
I tried two methods:
Calling .choose() ...
1
vote
1
answer
51
views
Trying to project ng-template into component
I have an angular 19 application and components app-dashboard, app-table. I'm also using PrimeNG components and i want to project ng-template into app-table component:
@Component({
selector: 'app-...
- 198
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
78
views
PrimeNG p-dropdown [disabled] does not appear to work in PrimeNG 17.18.x
I noticed a p-dropdown in PrimeNG 17.18.x when set in the disabled state ignores this state and can be focused and an item selected. In version 14.x it works fine. Can anyone shed some light on this ...
- 725
0
votes
0
answers
32
views
Frozen Columns are not getting printed in PrimeNg 18
I am trying to create a dynamic table using primeng 18 where some columns are scrollable whilst some are frozen. Problem is only scrollable columns are getting printed with the following code. In the ...
- 25
0
votes
0
answers
25
views
How to set p-multiselect to be always open
I am facing with some issue regarding the p-multiselect. Because in the project, we are using on many places this p-multiselect but on mobile device, I need to change something. This is my p-...
- 1
2
votes
2
answers
235
views
How to leverage Angular Signals for toggling visibility of my components
I know that Angular Signals could be used in this particular case in order to avoid calling the isVisible function constantly. But I have no experience with this new feature and I cannot figure out ...
- 14.6k
1
vote
1
answer
66
views
Angular P-FileUpload ng-template not working
I am trying to use p-fileupload in angular for the pdf files, when I select the file, I want to put the pdf image along with the file name. For that, I created the ng-template for the file upload but ...
1
vote
1
answer
50
views
Angular DI for standalone components with importing module on parent component and child component (NullInjectorError: R3InjectorError)
Given the following structure:
a parent standalone component named AppComponent
a child standalone component called TableComponent, which should be a wrapper for a generic table
TableComponent ...
- 901
1
vote
1
answer
42
views
In removing a temporary file selection from a p-fileUpload, can you grab all the files still in the list?
I have an Angular app that uses a p-fileUpload component that has its [multiple] attribute set to true such that it can upload multiple files at once.
So far this has worked rather well. In ...
- 879
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",
&...
0
votes
0
answers
101
views
p-dropdown Stopped Working After Upgrading From primeng 9 to primeng 10
I have a 3 p-dropdown components that are shown or hidden based on what tab the user is on in a modal. When the component loads, 3 api calls are made to the 3 endpoints that supply the entries for the ...
- 3