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:

enter image description here

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}&nbsp;{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

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

Automatically create pages in phpfox -

c# - Farseer ContactListener is not working -