The progress bar component changed its height between versions. I was using the 18.3.0.42 version, and after updating to the 18.4.0.42 version, the progress bar height has changed.
The issue is reproducible just by creating a new ProgressBar and checking its height agains the two versions.
The code I'm using in my own progressbar component is this one:
@using Syncfusion.Blazor.ProgressBar
Maximum="100" TrackThickness="20" ShowProgressValue="true"
ProgressThickness="20">
@code {
[Parameter]
public double CompletionPercentage { get; set; }
}
I've tried to create a sample application and the issue also occurs there, so it's not caused by my own css rules of my application.
In the zip file attached, you will find some pngs comparing the two versions: old pictures were captured on the 18.3.0.42 version, whereas the new one in the 18.4.0.42.
How can I reduce the height of the progressbar to make it the same as before? Is this a bug?
Thank you for your support.
Attachment:
progress_bar_height_images_343e677d.zip
SM
Srihari Muthukaruppan
Syncfusion Team
February 19, 2021 11:09 AM UTC
Hi Luca,
We have analyzed your query. From that, we suggest you to use the height property in the progress bar to achieve your requirement. We have also prepared a sample for your reference. Please find the sample and code snippet below.
Code Snippet:
|
<SfProgressBar @ref="ProObj1" Type="ProgressType.Linear" Height="60"
Value="100" Minimum="0" Maximum="100"
Theme="@CurrentTheme">
<ProgressBarAnimation Enable="true" Duration="2000" Delay="0" />
</SfProgressBar> |
Let us know if you have any concerns.
Regards,
Srihari M
Marked as answer
LU
Luca
February 19, 2021 11:53 AM UTC
Thank you very much, that seems to work as intended.
SM
Srihari Muthukaruppan
Syncfusion Team
February 19, 2021 03:04 PM UTC
Hi Luca,
Most welcome.
Kindly get in touch with us, if you requires further assistance. We are always happy in assisting you.
Thanks,
Srihari M
