Primeflex 3.0

PrimeFlex is a lightweight responsive CSS utility library to accompany Prime UI libraries and static webpages
Post Reply
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 ... 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>
Css layout doesn't work, and all I get is:

Code: Select all


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>
It does work:

Code: Select all

1  2  3

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



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

16 Jul 2021, 10:36

You are not the only one confused ;)

Posts: 18494
Joined: 05 Jan 2009, 00:21
Location: Cybertron

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.;

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