Accordion text wrapping

Hi Everyone,

The text in the accordion does not wrap. I just get one line of text and that’s it. I saw there was an earlier thread with something similar, where ‘white-space:normal’ fixed it, but I can’t figure out where to implement that. Here is the code:

[code]dhx.ui({
container:“accordion_container”, type:“wide”, width:“480”,
cols:[

				{ view:"accordion", type:"wide", multi:true, id:"vertical_accordion",
				rows:[
						{ header:"Lorem ipsumQuickConnect?", body:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat"},
						{ header:"How does it work?", body:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."},
						{ header:"How much does it cost?", body:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."},
						{ header:"How do I get started?", body:"Please reach out to your account manager for more information" }
					]
				}
			]
		});[/code]

Thanks,

xJayce

Hi,

we have not reproduced the problem. Text in item body is wrapped. However, you may use template view place the html element with the necessary style in accordion item:

body:{
template:"

"
}