Progressbars configuration help

[letkan]

This is not exactly an "issue" but I can't figure out how to configure 2 progressbars (cpu and ram) one above the other, the best I could do so far was one next to the other but that takes too much space. I can have this configuration with conky but why not use sfwbar if it's possible.
Another configuration problem I have is that I wasn't able to align the bar to the right side in case I set its length to say 80% of the screen.
Any help would be appreciated, thanks.

[LBCrion]

try wrapping them into a grid with a downward direction. i.e.: layout { ... grid { css = "* { -GtkWidget-direction: bottom; }" scale { settings for CPU progress bar } scale { settings for RAM progress bar } } ... }

…

On Sun, Apr 7, 2024 at 11:33 AM letkan ***@***.***> wrote: This is not exactly an "issue" but I can't figure out how to configure 2 progressbars (cpu and ram) one above the other, the best I could do so far was one next to the other but that takes too much space. I can have this configuration with conky but why not use sfwbar if it's possible. Another configuration problem I have is that I wasn't able to align the bar to the right side in case I set its length to say 80% of the screen. Any help would be appreciated, thanks. — Reply to this email directly, view it on GitHub <#162>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASHPFFC5A43K4GSJQLLTBPDY4EOH3AVCNFSM6AAAAABF3GZTDCVHI2DSMVQWIX3LMV43ASLTON2WKOZSGIZDSNRZGIYDGOA> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[letkan]

Thanks a lot, that did it.

[letkan]

This is all working nicely, I also learned that padding is in mm not pixels so I got the progress bars centered properly, now I can't figure out how to add a label to them as per above configuration, if it's possible:

RAM: --------===========
CPU: ---================

[LBCrion]

You can use explicit coordinates in a grid, i.e.:

grid {
  label {
    value = "RAM:"
    loc (1,1)
  }
  scale {
    ....
    loc (2,1)
  }
  label {
    value = "CPU:"
    loc (1,2)
  }
  scale {
    ...
    loc (2,2)
  }
}

[LBCrion]

also, you can specify units for padding in css, i.e. padding: 10px; or padding: 2mm;

[letkan]

Excellent. Thanks

[LBCrion]

Closing this as it seems to be resolved. Please feel free to reopen if anything doesn't work still.