The Cards Example

[peterH]

Hi Bruce,
I'm trying out the cards example that you demonstrated in webinar #196 but I'm getting some weird results.

In your demo each field displays on a separate line inside the cell whereas I get what appears to be random line breaks.

I'm also having some problems with the number of cards being displayed on each 'row'. Even though I've set the cell width like you demo'ed I sometimes get 8 cards per 'row' and sometimes only two thus making the cards width different.

Could this be because I'm using the 'ShoeStrap2' theme rather than 'base'?


On a side note the same class name is generated twice into the browse row:

<div class="nt-browse-grid-row nt-browse-grid-row nt-browse-row-data browsecatalog-row-data" data-elem="browse-row" data-do="dc">

Peter

[Bruce]

Hi Peter,

So to be clear, you're doing it exactly like me, but with different results.
I guess that would suggest you are not doing it exactly like me?
However without a small example app of what you _are_ doing I lack the psychic powers to determine what the difference might be.

>> Could this be because I'm using the 'ShoeStrap2' theme rather than 'base'?

Sure. It _could_ be literally anything....

cheers
Bruce

[Bruce]

.nt-browse-grid-cell {
    flex-direction: column;
}

Seems to help.

[peterH]

Hi Bruce,

It sure helps! At least it takes care of the line breaks within the cells.
But there are other things like width and wrapping that are not behaving like in your demo. It's almost as if you've got a different set of css-files in play.

Anyway, I'm going to play some more with the css and see what I can get out of it.

Peter

[peterH]

Out of curiousity: has anyone else tried this - with the expected (demonstrated) behaviour? And if so, what did you do to make it work?

Peter