PDA

View Full Version : [FIXED] Ui:light, ui:dark has no effect on data view. Cannot see scrollbar on dark background



kgilb
4 Nov 2011, 7:30 AM
REQUIRED INFORMATIONExt version tested:

Sencha Touch 2.0.0 pr1
Browser versions tested against:

Safari 5
Chrome 15
DOCTYPE tested against:

html
Description:

Setting the ui property on a DataView or List has no effect on the scrollbar color. choosing a dark or black background the scrollbar cannot be seen
Steps to reproduce the problem:

Create a DataView
Set the background color to black via CSS
Set the UI to light or dark
The result that was expected:

Scrollbar would change color as appropriate for the ui setting
The result that occurs instead:

Cannot see scrollbar on black background
Test Case:
Ext.application({ name: 'MyApp',


launch: function () {
Ext.create('Ext.DataView', {
fullscreen:true,
ui:'light',
style:'background-color:#000;color:#FFF',
store: {
fields: ['name', 'age'],
data: [
{ name: 'Jamie', age: 100 },
{ name: 'Rob', age: 21 },
{ name: 'Tommy', age: 24 },
{ name: 'Jacky', age: 24 },
{ name: 'Ed', age: 26 }
]
},


itemTpl: '<div>{name} is {age} years old</div>'
});
}
});
Possible fix:

CSS Styling for the scrollbar. I attempted to change the scrollbar styles but it had no effect
Operating System:

Windows 7 64x
iOS 5

mitchellsimoens
4 Nov 2011, 11:57 AM
thank you for the report. This is a known issue.