Replies: 4 comments 1 reply
-
Did you follow the installation/setup guide and import the required styles? |
Beta Was this translation helpful? Give feedback.
-
Hi Tomas,
Thank you for your reply.
After fixing the code:
*angular.json*
"styles": [
"node_modules/primeng/resources/themes/lara-light-blue/theme.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeflex/primeflex.css",
"src/styles.scss"
],
*styles.scss*
@import "primeng/resources/themes/lara-light-blue/theme.css";
@import "primeng/resources/primeng.css";
package.json
"primeflex": "^3.3.1",
"primeng": "^16.9.1",
But the grid is not working.
Best regards,
Zvika
…On Mon, Dec 4, 2023 at 8:59 AM Thomas Sapelza ***@***.***> wrote:
Did you follow the installation/setup guide and import the required styles?
https://www.primefaces.org/primeng-v16/installation#styles
—
Reply to this email directly, view it on GitHub
<#599 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/ABBRZFFPFLQC3VAYC2RTCZTYHVYGTAVCNFSM6AAAAABAD5WCN2VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM3TONBZG4ZTI>
.
You are receiving this because you authored the thread.Message ID:
***@***.***>
|
Beta Was this translation helpful? Give feedback.
-
Hello every one , package.json I am faceing the same Problem, so I fixed that problem by improting the both files into style.scss style.scss Best regards. |
Beta Was this translation helpful? Give feedback.
-
Hello,
In my project:
angular.json
"dependencies": {
***@***.***/animations": "^17.3.0",
***@***.***/common": "^17.3.0",
***@***.***/compiler": "^17.3.0",
***@***.***/core": "^17.3.0",
***@***.***/forms": "^17.3.0",
***@***.***/platform-browser": "^17.3.0",
***@***.***/platform-browser-dynamic": "^17.3.0",
***@***.***/router": "^17.3.0",
"primeflex": "^3.3.1",
"primeng": "^17.12.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.14.3"
},
styles.scss:
@import "primeflex/themes/primeone-light.css";
@import "primeflex/primeflex.css";
app.component.html:
<div class="p-grid p-dir-col">
<div class="p-grid p-align-center p-nogutter">
<label class="col1">Clock's Per Pri:</label>
<input class="col2" [(ngModel)]="timingClkPri" type="text" pInputText>
</div>
<br/>
<div class="p-grid p-align-center p-nogutter">
<label class="col1">Pri Per Smc:</label>
<input class="col2" [(ngModel)]="timingSmcPri" type="text" pInputText>
</div>
</div>
app.component.scss:
.col1 {
width: 50px;
margin-left: 15px;
}
.col2 {
width: 50px;
margin-left: 15px;
}
But the controls are not aligned.
Can you please tell why ?
Thank you,
Zvika
…On Thu, Mar 21, 2024 at 1:28 PM manshy099 ***@***.***> wrote:
Hello every one ,
package.json
***@***.***/core": "^17.2.0",
"primeflex": "^3.3.1",
"primeng": "^17.10.0",
I am faceing the same Problem,
and I fount that the classes ( grid, col, col-1, etc... ) do not exist in
"primeflex/themes/*primeone-light.css*" but the are exist in "primeflex/
*primeflex.css*".
so I fixed that problem by improting the both files into style.scss
style.scss
@import <https://github.com/import> "primeflex/themes/primeone-light.css";
@import <https://github.com/import> "primeflex/primeflex.css";
Best regards.
Mishael
—
Reply to this email directly, view it on GitHub
<#599 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/ABBRZFDDA24TATCR5KH2BH3YZK74HAVCNFSM6AAAAABAD5WCN2VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4DQNRUGUZTQ>
.
You are receiving this because you authored the thread.Message ID:
***@***.***>
|
Beta Was this translation helpful? Give feedback.
-
Hello,
I created an Angular 16 client and also installed primeflex 3.1.1. Attached my angular.json, package.json.
![Capture](https://private-user-images.githubusercontent.com/4398228/287443062-20387945-2f23-4ef4-bb3e-05a976ed134f.PNG?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk5MTI2NzMsIm5iZiI6MTczOTkxMjM3MywicGF0aCI6Ii80Mzk4MjI4LzI4NzQ0MzA2Mi0yMDM4Nzk0NS0yZjIzLTRlZjQtYmIzZS0wNWE5NzZlZDEzNGYuUE5HP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxOCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMThUMjA1OTMzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTdhZjljYTMzZDY1MzNlMzk0OTM0YmYxOTMzYTM5OWQ4YjMyZWVjODhmNmYzZDM1Mzk2MmMyOGJkNmFmZjJmNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.8WQxUxPq7l90UAUix6METsLyQ-GFH4FaL65NPAJQaC8)
Then I tried using grid and pasted a sample from: https://primeflex.org/gridsystem
But I did not get the expected display. I got only:
6
6
12
4
package.json
angular.json
Can you please advise ?
Thank you,
Zvika
Beta Was this translation helpful? Give feedback.
All reactions