CODEWITHSUNDEEP
extjsextjs4extjs5
Phate
Phate

Reputation: 6612

Is it possible to change grid's lockable separator thickness?

In an extjs grid component I can specify which columns are locked with the attribute 

locked: true

This leads to the following layout, where (in my example) two columns are locked:

locked1 locked2 | field1 field2 ...

I'd like for the "|" separator to have a bigger thickness because, as it is now, I find it harder to notice. Would it be possible?

Upvotes: 0

Views: 149

Answers (2)

Lorenz Meyer
Lorenz Meyer

Reputation: 19915

To modify the theme instead of adding custom CSS, here is the CSS var (for ExtJs 4.2.2)

You find it in the file ext/packages/ext-theme-neutral/sass/var/grid/locking/Lockable.scss. 

/**
 * @class Ext.grid.locking.Lockable
 */

/**
 * @var {number}
 * The width of the border between the locked views
 */
$grid-lockable-separator-border-width: 1px !default;

/**
 * @var {string}
 * The border-style of the border between the locked views
 */
$grid-lockable-separator-border-style: solid !default;

Look into Theming in the doc to create a custom theme and add this change in it.

Upvotes: 0

Saki
Saki

Reputation: 5856

Try the following css:

.x-grid-locked .x-grid-inner-locked {
    border-width: 0 10px 0 0;
    border-style: solid;
}

Upvotes: 0

Related Questions