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>