1. #1
    Sencha User
    Join Date
    Dec 2013
    Location
    Toronto
    Posts
    2
    Answers
    1
    Vote Rating
    0
    tinaliu2012 is on a distinguished road

      0  

    Default Answered: Grid Row Hover Background Color Change Missing

    Answered: Grid Row Hover Background Color Change Missing


    Hi guys, how can I change the background color of the row when I hover over each row... It seems like that in the kitchen sink example, this feature is default, I don`t know why it`s turned off in my code. What config should I change or theming variable should I change.. Thanks in advance.

    Code:
    buildForm: function () {
    return [{
                xtype: 'propertygrid',
                //ui: 'detail',
                border: false,
                //padding: false,
                //bodyPadding: false,
                padding: 10,
                columnLines: false,
                stripeRows: true,
                rowLines: true,
                enableColumnMove: false,
                nameColumnWidth: 150,
                width: 600,
                allowDeselect: true,
    
    
                //titleAlign: 'right',
                //header: false,
                hideHeaders: true,
                /*listeners: {
                    itemmouseenter: this.initiateEdit
                },*/
                source: this.record.data,
                //plugins: [this.record.cellEditing],
                sourceConfig: this.editorConfig,
                overCls: 'form-row-over'
            }]
        }

  2. Thanks Scott, but I realized that the reason is my grid never adds the grid-row-over class. The solution is to add trackMouseOver: true to the config XD

  3. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,866
    Answers
    652
    Vote Rating
    438
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

  4. #3
    Sencha User
    Join Date
    Dec 2013
    Location
    Toronto
    Posts
    2
    Answers
    1
    Vote Rating
    0
    tinaliu2012 is on a distinguished road

      0  

    Default


    Thanks Scott, but I realized that the reason is my grid never adds the grid-row-over class. The solution is to add trackMouseOver: true to the config XD

Thread Participants: 1

Tags for this Thread