autosize widths

I’m trying to autosize widths of columns in a standard layout and some strange text wrapping, etc is happening. If I size templates too small, it wraps text. With no attributes set in the example below, the width of the columns is too narrow but the text has clearly been wrapped to three lines. I would like the webix.ui component to appear in the center of the screen and resize with the screen. I would like the two columns to be arbitrarily overlapping and the text wrapping stops that.

Thoughts?

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<head>
<link rel="stylesheet" href="/static/webix/codebase/webix.css" type="text/css" charset="utf-8"></script>
<script src="/static/webix/codebase/webix.js" type="text/javascript" charset="utf-8"></script>
</head>

<style>
    body {
        position:absolute;
        top: 40%;
        left: 40%;
    }
</style>

<body>

<script type="text/javascript" charset="utf-8">
my_window = new webix.ui({
    id:"mylayout",
    type:"clean",
    cols:[
	   {template:'left one two'},
           {template:'right three four'}
        ]
});
</script>
</body>
</html>

Basically, as soon as a template cell gets too small text will wrap on word boundaries. How can I turn the wrapping behavior off?

It would also be nice to force the minWidth of the cell to exactly the width of the text within a pixel. Is this possible?

as for centering - you can add empty views to the layout to center align the content views ( works the same as margin:auto in css )

http://webix.com/snippet/47c63d75

As for wrapping - you can use white-space css style, same as for any HTML content

http://webix.com/snippet/65c2ce15

Unfortunately there is no way to force autowidth behavior. There is an “autoheight” option for height, but there is no such option for width

Thanks this is helpful!