Css, multixy pad size

Community Usage questions
1

I’m trying to change individual pad size with ccs. I’ve tried the following, but it doesn’t work:

.drag-event pad-0{
–pointSize: 10rem;
}

What am I missing?
Cheers

2

This works:

.pad-0{
--pointSize: 10rem!important;
}

For coherence’s sake, the variable will be changed to --point-size.

3

ah, of course :slight_smile:

Thanks!

4

I'm trying to set multixy points size ; this css code doesn't seem to work :

.pad-0 {
    --color-fill: red;
  --pointSize: 10rem;
}
.pad-1 {
    --color-fill: green;
  --pointSize: 20rem;
}
.pad-2 {
    --color-fill: blue;
    --pointSize: 30rem;
}

--color-fill works fine
but --pointSize does nothing
I've tried with --point-size, no luck ; the doc still refers to --pointSize

Is it still supposed to work in latest version, or am I doing something wrong ?

I also tried with an array in Xy style / pointSize
doesn't work, only first element sets the size of all points...
FR ?...

5

The css counterpart of the pointSize property was not properly implemented (nor was it documented). In next version you'll be able to use the css variable --point-size as expected.

6

Cool, thanks !

My secret hope is to find a way to dynamically change the size of each point individually and use this feature to hide some points, setting their size to 0.
I'm wondering how I could use this css code and change the point size with an OSC message or a blue coming from another widget...
Will the css be updated automagically ?
is that possible ?

7

reply to myself :
as

.pad-0 {
    --color-fill: @{myColorsArray.value.0};
}
.pad-1 {
    --color-fill: @{myColorsArray.value.1};
}

seems to work fine, I guess it should be the same with --point-size :slight_smile: