gridflex is not working

[rahav]

i want to use the new gridflex but the example does not work
i only get the
1
2
3

with out the blue box and also the values should be next to each other not above
i think some thing is missing in the export

<h3 class="first">Basic</h3>
<div class="p-grid">
<div class="p-col">
<div class="box">1</div>
</div>
<div class="p-col">
<div class="box">2</div>
</div>
<div class="p-col">
<div class="box">3</div>
</div>
</div>

[kaisch]

Hi,

have exactly the same problem!

The first step to solve the problem is to install primeflex:
npm install primeflex --save
But what has to be done next?

[merve7]

Did you add flex style in your angular.json ?

Code: Select all

 
              "styles": [
              //other styles
                "node_modules/primeflex/primeflex.css"
              ],
 

[kaisch]

Thanks to merve7. It works with the style add.

@rahav: the blue boxes are not part of gridflex. It is done by simple css styling.
You will find the proper CSS code when you click on source and scroll down.

BR
Kai

[rahav]

thank you
after running
npm install primeflex --save
and adding
"node_modules/primeflex/primeflex.css" to angular.json
it worked !!!
thank you merve7

Rahav

[Chamiyalt]

npm install primeflex --save
and adding
"node_modules/primeflex/primeflex.css" to angular.json

but still not working on angular 11

[plmtemplate]

In my case I have just installed older version 2.0.0 and it works. npm install primeflex@2.0.0