Page 1 of 1

CSS not applyed correctly

Posted: 17 Jan 2019, 23:02
by Maikkiczk
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.

Re: CSS not applyed correctly

Posted: 21 Jan 2019, 15:24
by merve7
Hi,
I tried your code and I didn't any problem. Please, could you check your code/step with using the below screenshot?
Image