[GH-ISSUE #239] Widget: Colored panel with text label #128

New issue

Closed

opened 2026-03-03 16:22:37 +03:00 by kerem · 3 comments

kerem commented

2026-03-03 16:22:37 +03:00

Owner

Originally created by @flaviostutz on GitHub (Jul 27, 2020).
Original GitHub issue: https://github.com/mum4k/termdash/issues/239

Originally assigned to: @mum4k on GitHub.

I wish I could create a panel with a colored background and a centered text.

Something like:

Originally created by @flaviostutz on GitHub (Jul 27, 2020). Original GitHub issue: https://github.com/mum4k/termdash/issues/239 Originally assigned to: @mum4k on GitHub. I wish I could create a panel with a colored background and a centered text. Something like: ![image](https://user-images.githubusercontent.com/7790172/88596962-9a167680-d03c-11ea-8a8e-5cc5ce26a13c.png)

kerem

2026-03-03 16:22:37 +03:00

closed this issue
added the
question
label

kerem commented

2026-03-03 16:22:39 +03:00

Author

Owner

@flaviostutz commented on GitHub (Jul 27, 2020):

In the example, the bar on the left of the square is a measurement bar that shows the CPU load percent.

@flaviostutz commented on GitHub (Jul 27, 2020): In the example, the bar on the left of the square is a measurement bar that shows the CPU load percent.

kerem commented

2026-03-03 16:22:39 +03:00

Author

Owner

@mum4k commented on GitHub (Jul 29, 2020):

Hi @flaviostutz, did you try to achieve this behavior with the Gauge widget?

https://godoc.org/github.com/mum4k/termdash/widgets/gauge

The Gauge widget allows text alignment with these two options, so one can center the text:
https://godoc.org/github.com/mum4k/termdash/widgets/gauge#HorizontalTextAlign
https://godoc.org/github.com/mum4k/termdash/widgets/gauge#VerticalTextAlign

Additionally one can choose both the colors of the "filled" and the "empty" portions of the gauge:
https://godoc.org/github.com/mum4k/termdash/widgets/gauge#EmptyTextColor
https://godoc.org/github.com/mum4k/termdash/widgets/gauge#FilledTextColor

Can you try to see how far you can get with these? Once we identify the missing feature, we can add it of course.

@mum4k commented on GitHub (Jul 29, 2020): Hi @flaviostutz, did you try to achieve this behavior with the Gauge widget? https://godoc.org/github.com/mum4k/termdash/widgets/gauge The Gauge widget allows text alignment with these two options, so one can center the text: https://godoc.org/github.com/mum4k/termdash/widgets/gauge#HorizontalTextAlign https://godoc.org/github.com/mum4k/termdash/widgets/gauge#VerticalTextAlign Additionally one can choose both the colors of the "filled" and the "empty" portions of the gauge: https://godoc.org/github.com/mum4k/termdash/widgets/gauge#EmptyTextColor https://godoc.org/github.com/mum4k/termdash/widgets/gauge#FilledTextColor Can you try to see how far you can get with these? Once we identify the missing feature, we can add it of course.

kerem commented

2026-03-03 16:22:39 +03:00

Author

Owner

@flaviostutz commented on GitHub (Jul 29, 2020):

Great! I tried with Gauge using 100% as its value and it worked. In the meantime I was using Button with shadow black ;)

Thanks again!

@flaviostutz commented on GitHub (Jul 29, 2020): Great! I tried with Gauge using 100% as its value and it worked. In the meantime I was using Button with shadow black ;) Thanks again!

kerem referenced this issue

2026-03-03 16:23:20 +03:00

[PR #130] [MERGED] Make the Y axis adaptive when custom scale is provided #210