changing selected dtable cell color

Webix JS
1

I tried sing the online builder to see what the correct parameter/tag is. I don’t think the online tool is working. At the moment the online tool is not previewing the changes. At the beginning of my html file I want to put


    <style>
    .webix_xxxx{
      background-color:#123456";
    }
    </style>

This way when I select a cell in a datatable the color is not green but, I can’t find what the correct tag is. What is the correct tag? Note I tried to reverse engineer the css file that came with webix and also the file downloaded from the online tool but a search for 123456 didn’t find anything.

2

Please check
http://webix.com/snippet/9b1804f1

css styling is defined by div.webix_row_select, to redefine default one you need to use

<style>
  .webix_column>div.webix_row_select { background-color:#123456; }
</style>
3

The skin builder (http://webix.com/skin-builder/) only shows the selection categories (top half of the scrren) but, the actual preview (bottom half of the screen) below it is not showing up. I tried it in both firefox and chrome.

4

that didn’t work for me. here is my partial code


webix.ready(function () {
    var gridA = new webix.ui({
        container: "testA",
	view: "datatable",
	autoconfig:true,
	navigation: true,
	select: "cell", //allow cell selection
	//select: "row", //allow row selection

and here is my css


    .webix_column>div.webix_row_select {
        background-color:#123456; 
    }

I also tried enabling the text selection but that didn’t change either
I also tried .webix_column>div.webix_cell_select but had same results. and also chaging between select:cell and select:row

5

Functionality of skin-builder is restored. Sorry for inconvenience.

6

The skin builder solved the issue. The code must be getting confused as to where to grab the css data from.