1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    39
    Vote Rating
    0
    uksencha is on a distinguished road

      0  

    Default List ,variableHeights = false, itemHeight = 60, select problem

    List ,variableHeights = false, itemHeight = 60, select problem


    Hi

    I have a list where I have variableHeights to false and itemHeight to 60.

    Whenever I do a select so that the row is highlighted there is a 1 pixel gap at the bottom between the highlight color and the next item border.

    I have had a look in debug and it seems to be because its making the itemHeight 61 when it is selected therefore leaving the one pixel gap at the bottom.

    I have tried doing a list refresh after the select and this sometimes fixes it on faster devices but its not really working on slower ones.

    Does anyone know a good way of fixing this ?

    Thanks

    Chris

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Vote Rating
    846
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    What ST 2.x.x version are you using? 2.1.1 I see some selecting issues but 2.2.0 beta 1 seems to be working for my test:

    Code:
    Ext.Viewport.add({
        xtype           : 'list',
        variableHeights : false,
        itemHeight      : 60,
        itemTpl         : '{foo}',
        store           : {
            fields : ['foo'],
            data   : [
                { foo : 'one'   },
                { foo : 'two'   },
                { foo : 'three' }
            ]
        }
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    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.

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    39
    Vote Rating
    0
    uksencha is on a distinguished road

      0  

    Default


    Hi Mitchell

    Thanks for the reply.

    We just upgraded to 2.1.1 - thanks for the tip I will download 2.2.0 beta 1 and give it a try.

    Thanks

    Chris

  4. #4
    Sencha User
    Join Date
    Nov 2011
    Posts
    39
    Vote Rating
    0
    uksencha is on a distinguished road

      0  

    Default


    The update to version 2.2 of the framework sorted the problem

    Thanks

Thread Participants: 1