view width and margin

Webix JS
1

Hi,

how to set the width of a view when the margin is smaller than default?

We’ve added in the CSS:

@media screen and (max-width: 500px) {
         .webix_view .our_class .webix_layout_line{
		margin-left: 2px !important;
		padding: 1px !important;
	}
}

for the smaller devices.

So we expect the width of the view to be resized wider, but it still is been calculated with the 17px settings.

how can we change this behaviour?

thnks

2

Hi,

margins are set in view configuration (“margin” property of layout view):

webix.ui({
    margin: (screen.width<500?2:10),
    rows:[
            ....
     ] 
});