Results 1 to 3 of 3

Thread: extjs4 checkbox column

  1. #1
    Sencha User tdikarim's Avatar
    Join Date
    Jun 2007
    Location
    Belgium - Brussel
    Posts
    142

    Default Answered: extjs4 checkbox column

    Hi all,

    I have a grid with that use checkbox selection model.
    I have modify the the icon by another that is a little bigger (32,32)

    How can I increase the width of this first column

    var selModel_News = Ext.create('Ext.selection.CheckboxModel', {
    ...
    }

    I have try that with no success :
    .x-grid-row-selected .x-grid-row-checker, .x-grid-row-checked .x-grid-row-checker {
    background-image: url('images/icones/check_up.png');
    width:32px;
    }
    .x-grid-hd-checker-on .x-column-header-text {
    background-image: url('images/icones/check_up.png');
    width:32px;
    }
    .x-grid-row-checker, .x-column-header-checkbox .x-column-header-text {
    height: 32px;
    width: 32px;

    line-height: 0;
    background-image: url('images/icones/check_dn.png');
    background-position: -1px -1px;
    background-repeat: no-repeat;
    background-color: transparent;
    }
    Thanks for your help

    Karim
    Tamditi Karim

  2. Try to set headerWidth:
    Code:
    var selModel_News = Ext.create('Ext.selection.CheckboxModel', {
        headerWidth: 40,
        ...
    }

  3. #2
    Sencha User
    Join Date
    Jan 2012
    Posts
    1,376
    Answers
    347

    Default

    Try to set headerWidth:
    Code:
    var selModel_News = Ext.create('Ext.selection.CheckboxModel', {
        headerWidth: 40,
        ...
    }

  4. #3
    Sencha User tdikarim's Avatar
    Join Date
    Jun 2007
    Location
    Belgium - Brussel
    Posts
    142

    Default

    Thanks

    that works ...
    Tamditi Karim

Tags for this Thread

Posting Permissions

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