Problem of slider into a layer cell

Suite and Optimus Suite 8
#1

Hi, I am trying to use the slider component into a cell of a layer, but it goes out of boundaries.
I verified with a simplified snippet:
https://snippet.dhtmlx.com/tlzib4y0
Can you verify and suggest a solution?
I’m using v. 9.2.0 of suite
Thanks

#2

Hello @andycianci,

It’s not some Layout issue, and occurs because the Slider component requires some padding for its container.

You can fix it by adding CSS to the layout cell, like follows:

// JS

const layout = new dhx.Layout("layout", {

    type: "space",

    rows: [

        {

            id: "C1",

            css: "c1Cell",

        },

    ]

});

// CSS 

<style>

    .c1Cell {

        padding: 80px; 

    }

</style>

Here is a demo:

https://snippet.dhtmlx.com/vzygn842

Kind regards,

#3

Many thanks, I didn’t consider varying padding by css. Of course, it works.