starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

RadzenProgressBar ShowValue doesn't show the value. #963

New Issue
Closed
opened 2026-01-29 17:46:58 +00:00 by claunia · 2 comments
claunia commented 2026-01-29 17:46:58 +00:00
Owner
Copy Link

Originally created by @ricardocza on GitHub (Aug 18, 2023).

Describe the bug**
When using RadzenProgress, the ShowValue property it's not working properly.
Altough it renders the div containing the value correctly, there is an display: none !important that it prevents of showing at all.
It is simple to change actually, but I thought it was worth mentioning.

To Reproduce
Steps to reproduce the behavior:

  1. I'm using the standard Material theme (in the import
  2. When creating an element it renders the element in the DOM, but the class .rz-progressbar-label comes with display: none !important.

Expected behavior
By default I expected it to show the value, which seems to be the stndr value for ShowValue.
Also, it would be a nice feature to have options to choose the position of the value like LabelPosition="LabelPosition.Left / Top / Right / Bottom".

Screenshots
https://drive.google.com/file/d/1o7h6THI3Gc9ORtBNBW1bhtu5f9x1GdWT/view?usp=sharing

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Chrome
  • Version: 115.0.5790.173

Additional context
Sorry if there is some typo or misspelling, my keyboard is killing me right now 😅

Originally created by @ricardocza on GitHub (Aug 18, 2023). Describe the bug** When using RadzenProgress, the ShowValue property it's not working properly. Altough it renders the div containing the value correctly, there is an display: none !important that it prevents of showing at all. It is simple to change actually, but I thought it was worth mentioning. **To Reproduce** Steps to reproduce the behavior: 1. I'm using the standard Material theme (in the import <link rel="stylesheet" href="_content/Radzen.Blzor/css/mterial-base.css"> 2. When creating an element <RadzenProgressBar Value="10" ShowValue="true" /> it renders the element in the DOM, but the class .rz-progressbar-label comes with display: none !important. **Expected behavior** By default I expected it to show the value, which seems to be the stndr value for ShowValue. Also, it would be a nice feature to have options to choose the position of the value like LabelPosition="LabelPosition.Left / Top / Right / Bottom". **Screenshots** https://drive.google.com/file/d/1o7h6THI3Gc9ORtBNBW1bhtu5f9x1GdWT/view?usp=sharing **Desktop (please complete the following information):** - OS: Windows 10 - Browser: Chrome - Version: 115.0.5790.173 **Additional context** Sorry if there is some typo or misspelling, my keyboard is killing me right now 😅
claunia commented 2026-01-29 17:46:58 +00:00
Author
Owner
Copy Link

@enchev commented on GitHub (Aug 21, 2023):

Hey @ricardocza,

As far as I know this is by definition from Material guidelines, @yordanov can provide more info.

@enchev commented on GitHub (Aug 21, 2023): Hey @ricardocza, As far as I know this is by definition from Material guidelines, @yordanov can provide more info.
claunia commented 2026-01-29 17:46:58 +00:00
Author
Owner
Copy Link

@yordanov commented on GitHub (Aug 21, 2023):

Indeed, that's how Material looks like https://m2.material.io/components/progress-indicators and there is not enough height to fit in the label inside the ProgressBar. We could however try to display the label outside the ProgressBar - not a straightforward solution and might introduce breaking changes to the component's rendering.

@yordanov commented on GitHub (Aug 21, 2023): Indeed, that's how Material looks like https://m2.material.io/components/progress-indicators and there is not enough height to fit in the label inside the ProgressBar. We could however try to display the label outside the ProgressBar - not a straightforward solution and might introduce breaking changes to the component's rendering.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#963
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?