CSS not applyed correctly

Post Reply
Maikkiczk
Posts: 1
Joined: 26 Jan 2017, 16:06

17 Jan 2019, 23:02

Hey,

I'm currently using grid layout into my app but i have some issue with the rendering.
When i begin to split the layout into multiple components, the grid/flexgrid style is not applied correctly.

Working example :

Code: Select all

<div class="ui-g">
  <div class="ui-g-12 card">
    <div class="ui-g">
      <div class="ui-g-3"></div>
      <div class="ui-g-3"></div>
      <div class="ui-g-3"></div>
    </div>
  </div>
</div>
Not working example :

Code: Select all

<any-component>
  <div class="ui-g">
    <div class="ui-g-3"></div>
    <div class="ui-g-3"></div>
    <div class="ui-g-3"></div>
  </div>
</any-component>
Where the template for <any-component> is :

Code: Select all

<div class="ui-g">
  <div class="ui-g-12 card">
    <ng-content></ng-content>
  </div>
</div>
Don't i use it correctly or is it a bug ?

Thanks in advance.

merve7
Posts: 488
Joined: 12 Sep 2017, 10:44

21 Jan 2019, 15:24

Hi,
I tried your code and I didn't any problem. Please, could you check your code/step with using the below screenshot?
Image

Post Reply

Return to “Serenity - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest