B4J Question 2 tableview 1 css

[Kahapdos]

good day.
I'am new in css. I have 2 tableviews and when loaded the file css the effect are in the 2 tableviews and I want the only one. Can you helpme please.

valida.Initialize("valida", 1600,900)
valida.WindowWidth = fx.PrimaryScreen.MaxX - fx.PrimaryScreen.MinX
valida.WindowLeft = fx.PrimaryScreen.MinX
valida.WindowHeight = fx.PrimaryScreen.MaxY - fx.PrimaryScreen.MinY
valida.WindowTop = fx.PrimaryScreen.MinY
valida.RootPane.LoadLayout("valida") 
valida.Stylesheets.Add(File.GetUri(File.DirAssets, "Main.css"))
valida.Show

css
.table-row-cell:odd{
    -fx-background-color:lightblue;
}


.table-row-cell:filled:focused:selected {
    -fx-background-color: red;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}


.table-cell:selected { 
-fx-font-family: "Segoe UI Semibold";
-fx-text-fill: white;
-fx-background-color: blue; 
}

 

[Cableguy]

That's normal css behaviour, use cssutils to style only the desired view

 

[Erel]

You can add a custom class to the TableView:

TableView1.StyleClasses.Add("mytable")

Change the rules to: .mytable.table-row-cell...

 

[Kahapdos]

thank you very much. are the best

 

[rwblinn]

Interesting question - build an example based on the info provided. Took me a while to get around with the CSS file to make this work:

Found out that the class name in the CSS file must have a blank prior CSS style definition. This might be standard CSS styling but was not aware.
See attached example.

 

[Kahapdos]

Thank You rwblinn.