pagelist text wrapping

Discontinued products DHTMLX Touch
#1 
		dhx.ui({view:"window",
			modal:true,
			id:"vcw1",
			position:"center",
			body:
			{
				view:"pagelist", 
          		        id:"ccl",
	  			scroll:"y",
          		        url:"/x/y/z", 
          		        datatype:"json",
	  			template:"<span style='height:auto;'><b>#id#</b><br>#Description#</span>",
 	  			panel: false,
 	  			type: {height: "auto"}
			},
			head:{view:"toolbar", elements:[
				{ view:"icon", id:"cvcb", icon: "close", align:"left"},
				{ view:"label", label:"Label Goes Here", align:"center"},
			]}, width:600, height:500
		}).show();

I’m having trouble getting text to wrap inside of the pagelist. If the text in #Description# is more than the 600px of the window, it doesn’t wrap (even though it has spaces) - it just gets cut off. I’ve tried several methods and styles with no luck, like adding a css: that sets overflow:visible. Any ideas?

Thanks

#2

Add white-space:normal to your template as

 template:"<span style='height:auto;white-space:normal'><b>#id#</b><br>#Description#</span>",
#3

Wow I thought I tried that but I guess I didn’t. Works great - thanks!