barmalei / zebkit

JavaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool
Apache License 2.0
931 stars 177 forks source link

grid having red border when selected col, row or cell #164

Closed vasu-vvp closed 5 years ago

vasu-vvp commented 6 years ago

when we select row, column or cell in grid selection works but red border is displayed on selected area. How do i change this? is there a way to apply custom color for selection ?

vasu-vvp commented 6 years ago

any updates on this ?

vasu-vvp commented 5 years ago

is there a way to apply custom color for selection ? OR Any way to turn off red border drawing in for selection.

vasu-vvp commented 5 years ago

image

Red border for selected row

barmalei commented 5 years ago

Have you try to call the following code:

grid.setViews({
     "marker": null
});

If you host zebkit locally, you can use another manner to disable the border with correcting "ui.grid.json" file for light theme. Open the file, find the following text there:

...
"Grid": {
    ...
    "views" : {
        "focusOnSelect"  :"#D0EAFF",
        "focusOffSelect" :"#ADC1D6",
        "marker"         : {
            ".border" : ["red", 2]
        }
    },
    ...
} 

and correct it as follow:

...
"Grid": {
    ...
    "views" : {
        "focusOnSelect"  :"#D0EAFF",
        "focusOffSelect" :"#ADC1D6"
    },
    ...
}