PDA

View Full Version : DataList rendering error: webworks & bb10



truffles mcrooty
9 Jan 2013, 11:15 PM
Hi guys,

I've run in to a funny with WebWorks: the datalist item does not render completely. I've got a dataview as follows (MVC):


Ext.define('NM.view.StoreList', { extend: 'Ext.dataview.List',
xtype: 'storelist',

requires: [
'Ext.field.Search'
],


config: {
scrollable: 'vertical',
fullscreen: true,
layout: {
align: 'center',
type: 'fit',
pack: 'start'
},
showAnimation: {
type: 'slide',
direction: 'left',
duration: 250
},
grouped: true,
indexBar: true,
loadingText: "Loading...",
itemTpl: '<div><div class=fieldset-label> {title} </div><p class=fieldset-value> {short_description} </p></div>',
store: 'MStore',
onItemDisclosure: true
,
items: [
{
xtype:'toolbar',
docked:'top',
items:[
{
xtype: 'searchfield',
id:'my_search',
placeHolder: 'Search...'
}
]
}
]
}


});

It renders fine in ripple and on a web browser, but as soon as I put it on a bb device the area where the disclosure buttons are is blanked out - and I mean the whole block - even the group headings and titlebar! :-/

Any ideas why?

truffles mcrooty
9 Jan 2013, 11:33 PM
Hi,

narrowed it down to the itemdisclosure image/icon - when I remove this it works.

Unfortunately this doesn't solve the issue :(

As another note: the searchbar's image/icon also causes an error in rendering. :((

truffles mcrooty
15 Jan 2013, 12:13 AM
Hi,

managed to fix this as follows:

#storelist.x-list .x-list-disclosure {
-webkit-mask: none;
background-image: url('../images/arrow-icon.png') !important;
background-size: 64px 64px;
background-color: white !important;
width: 64px;
height: 64px;
}