extjs - Overlapping of itemTpl contents on x-list-item -
i have been using sencha touch 2.0, tried create list item including pics , other data, records overlapping on other item rows. can view image below:

the code of page below:
ext.define('sbr.view.comments', { extend : 'ext.list', xtype : 'commentspage', config : { title : 'comments', iconcls : 'star', variableheights: true, store : 'comments', itemtpl : '<div class="colmask ">' + '<div class="colmid">' + '<div class="colleft">' + '<div class="col1">' + '<div>' + '<img src={imageurl} alt={firstname} width="50" height="70">' + '</div>' // image of student + '<div>' + '<img src={bookimageurl} alt={firstname} width="50" height="70">' + '</div>' + '</div>'// image of book + '</div>' // left_leftcolumn + '<div class="col2">{firstname} {lastname}</div>' + '</div>' // left column + '<div id="col3"></div>' + '</div>' // colmask /*onitemdisclosure : function(item) { console.log('disclose more info on' + " " + item.data.subject); }*/ } }); any anyone?
this decent work around. i'm not @ divs myself, , have same problems you're facing. workaround use tables instead. in case,
itemtpl : ''+ '<table>'+ ' <tr class="mycssclass">'+ ' <td><img src={imageurl} alt={firstname} width="50" height="70"></td>'+ ' <td><img src={bookimageurl} alt={firstname} width="50" height="70"></td>'+ ' </tr> '+ '. . . . . '+ '</table>', btw example, since can't tell you're trying achieve without looking @ css
Comments
Post a Comment