Results 1 to 2 of 2

Thread: Ui:light, ui:dark has no effect on data view. Cannot see scrollbar on dark background

    Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-981 in a recent build.
  1. #1
    Touch Premium Member
    Join Date
    Oct 2010
    Vote Rating

    Default Ui:light, ui:dark has no effect on data view. Cannot see scrollbar on dark background

    REQUIRED INFORMATIONExt version tested:
    • Sencha Touch 2.0.0 pr1
    Browser versions tested against:
    • Safari 5
    • Chrome 15
    DOCTYPE tested against:
    • html
    • 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', {
                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

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL
    Vote Rating


    thank you for the report. This is a known issue.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2

    Think my support is good? Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts