Primeflex 3.0

PrimeFlex is a lightweight responsive CSS utility library to accompany Prime UI libraries and static webpages
Post Reply
edsonrichter
Posts: 10
Joined: 31 Jul 2012, 21:20

15 Jul 2021, 22:29

I'm trying to use Primeflex for the first time.
After following all the instalation steps, and registering CSS into my angular test app, layout seems to be using different class names from the documentation.

if I use (as per https://www.primefaces.org/primeng/show ... eflex/grid):

Code: Select all

<div class="p-grid"> 
    <div class="p-col">1</div>
    <div class="p-col">2</div>
    <div class="p-col">3</div>
</div>
Css layout doesn't work, and all I get is:

Code: Select all

1
2
3

But if I change to

Code: Select all

<div class="grid"> 
    <div class="col">1</div>
    <div class="col">2</div>
    <div class="col">3</div>
</div>
It does work:

Code: Select all

1  2  3

Would you help me? I'm sure I must be doing something wrong.

Thanks,

ER.

Peter8
Posts: 2
Joined: 28 Jan 2021, 23:00

16 Jul 2021, 10:36

You are not the only one confused ;)
https://github.com/primefaces/primeflex/issues/58

cagatay.civici
Prime
Posts: 18494
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

21 Jul 2021, 14:41

PrimeFlex 3.0 is not backward compatible, in your case you can just use PrimeFlex 2.0.0 from npm or migrate to v3.;

https://www.primefaces.org/primeflex/migration

edwin16966
Posts: 3
Joined: 28 Jul 2021, 15:40

28 Jul 2021, 16:04

to use primeflex 3.0 you must first uninstall version 2.x with: "npm uninstall primeflex", then you must install again with "npm install primeflex", to know if you are working with version 3.0, you must go to node_modules> primeflex> package.json. I hope it has been helpfull :)

Post Reply

Return to “PrimeFlex”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests