responsive padding

Webix JS
#1

hi, i have one row with 3 columns. The design is responsive and to make space between columns i use padding, but when the screen size is very small and all column are under each other the padding is not need. Does exist a way to change padding dynamically due to screen size
https://snippet.webix.com/05zj12cd

#2

as an alternative try to use {type:"wide"} in responsive layout
https://snippet.webix.com/n2tb9ypu

#3

but padding still exist from the right side, i need that in small screens the widths all elements will be the same

#4

@roma
are you sure? did you check the snippet above?
I do not see any padding.

#5

it works in small screen good, but in large screens i need paddings

#6

does exist something like this ?

template : "col 1", id:"col1Temaplate", css:"gi_col1",  minWidth:250,
														padding:{
														      top:5, bottom:5, left:0, right:20
														    }
...

if (window.width < 600) {
   $$("col1Temaplate").padding.right = 0;
} else {
   $$("col1Temaplate").padding.right = 20;
}
#7

@roma
{type:"wide"} has right padding as you need, but not quite large.
depending on skin 5 or 10px
check this as a workaround
https://snippet.webix.com/3izyy810
you will need a bit deeper implementation
https://docs.webix.com/desktop__responsive_layout.html#responsivelayoutsapi

#8

awesome thanks a lot for your help now i found what i need !