How to change font color of row in Grid vaadin ?

Flow
21

Those class names do not have any built-in meaning, you would need still to add vaadin-grid.css in your theme components folder with content

.success {
color: var(–lumo-success-text-color);
}
.primary {
color: var(–lumo-primary-text-color);
}

22

I don’t want to add more vaadin-grid.css into project .

23

Somehow to catch up class from grid or vaadin ? :eyes:

24

But you have to.

25

any class can inherit from grid or vaadin to display it , just remark the different between Male and Female gender, just change text color or background color also @quirky-zebra

26

No, because it’s in the shadow root. Use vaadin-grid.css

27

Not a good reason @quirky-zebra! @yummy-goat, would this work? Wrote a prototype to Viritin feature branch. I have missed something like this many times. Would be handy to make quick styling without becoming distracted CSS (and not to mention sharow root related CSS).

28

Ugly hack behind the scenes, but similar has done to job for me to style columns.

29

He is on Vaadin 14 :stuck_out_tongue_closed_eyes:

30

So no part name generator :sob:

31

@yummy-goat We need to get you to V24, it is 2024 afterall, what keeps you on V14?

32

Feature now in main branch of Viritin, but I think I’ll need to wait until afternoon to cut next release or Sonatype will ban my account for too many releases :nerd_face:

33

Full the scenario in my case, i use vaadin plugin 0.14.3.7

  1. java class with import css
    @CssImport(value = “./styles/components/message-grid.css”, themeFor = “vaadin-grid”)
    public class ShowDefineCheck
    {
    //code something with Grid generator color of text in cell grid
    _tblGrid.setClassNameGenerator(e → e.toString().contains(“Male”) ? “success-cell-grid” : “error-cell-grid”);
    }
  2. message-grid.css like this
    [part~=“cell”].Message-Error{
    color: var(–z_red);
    }

[part~=“cell”].Message-Warning,
[part~=“cell”].Message-Warn{
color: var(–z_blue);
}

.error-cell-grid
{
color:red;
}
.success-cell-grid
{
color:green;
}

34

@quintessential-ibex

35

@quirky-zebra

36

@yummy-rhino

37

Btw, i testing with this _tblGrid.setClassName(“success”); It’s work normal and all text cell changed green color in grid, not separate between Male or Female, it’s mean the classname “success” already exists. After that i tried to use it . But not working also
_tblGrid.setClassNameGenerator(e → e.toString().contains(“Male”) ? “success” : “error”);

38

So you expect that “success-cell-grid” is equals to “Message-Error”? No computer is going to say true to that

39

What is vaadin plugin 0.14.3.7 :thinking:

40

Gradle with Vaadin 14 :thinking: