Grid dimensions

[Mery09]

Hi, I can't seem to get dimensions to work.
Right now I am trying this:

                grid: {
                    rows: 1,
                    cols: [[2,2], [1,1]],
                    gap: {
                        col: '1.5rem',
                    },
                },

It works if I only do [2, 2], but every slide different count doesn't.
I should add, that I have more than 3 slides.

Thanks in advance :)

[NaotoshiFujita]

Use the dimension option instead of rows and cols.

[NaotoshiFujita]

Oops. that's my mistake 😫

[devjsonstringify]

Oh, thank you! 😊 It makes absolute sense. I was confused by the instructions.

I thought the blue type would be the thing you have to write. Works now!

@Mery09 is it possible if you can paste your code here?

[Mery09]

  document.addEventListener('DOMContentLoaded', function () {
            var main = new Splide('#main-slider', {
                type: 'fade',
                rewind: true,
                pagination: false,
                arrows: false,

                grid: {
                   dimensions: [[1, 1], [1, 1], [1, 2], [2, 2], [1, 1], [1, 1], [1, 1], [1, 1]],
                    gap: {
                        col: '1.5rem',
                    },
                },

            });

[devjsonstringify]

  document.addEventListener('DOMContentLoaded', function () {
            var main = new Splide('#main-slider', {
                type: 'fade',
                rewind: true,
                pagination: false,
                arrows: false,

                grid: {
                   dimensions: [[1, 1], [1, 1], [1, 2], [2, 2], [1, 1], [1, 1], [1, 1], [1, 1]],
                    gap: {
                        col: '1.5rem',
                    },
                },

            });

Thanks! That's how I implement my grid however it doesn't work. I'm using react version of splide. It seems not using react version of splide is it?

[Mery09]

Hi, no. I'm just using it on it's own, without a framework.