1. Home
  2. Forum
  3. Blazor
  4. Range slider properties not working

Range slider properties not working

Hello,

I've been trying to use the blazor Slider but cannot use anything other than the barebones component, whenever I add any properties a per your examples (see: https://blazor.syncfusion.com/documentation/range-slider/how-to/time-range-slider/) they are not detected as valid. See below:


Am I doing something wrong or missing a an import?

Thank you in advance,
Luana Nunes

4 Replies 1 reply marked as answer
SP Sowmiya Padmanaban Syncfusion Team December 21, 2020 09:56 AM UTC

Hi Luana Nunes,  
 
Greetings from Syncfusion support. 
 
We have checked your reported problem with Slider component. 
 
Note: 
 
Please note that we have introduced some API breaking changes in this release (v18.4.30). We would like you to review the breaking changes from the following location before you upgrade. Also, we have updated our documentation to the latest version (v18.4.30). 
 
 
You have used our older Syncfusion.Blazor package version (before 18.4.30) and refer our latest Slider initialization code, this the cause of your reported problem. 
 
If you want to render the Slider component in older version. Please, refer the below link. 
 
 
Please, follow the below link for Latest version (18.4.30). 
 
 
Please, refer the sample link for older version (18.3.53). 
 
 
Please let us know, if you need any further assistance. 
 
Regards,  
Sowmiya.P 


LN Luana Nunes December 22, 2020 03:00 PM UTC

Hi Sowmiya,

Thank you for your answer, I have read the documentation for the latest version and updated the code accordingly, however, I now get the following error (which prevents the tooltip from displaying the correct text):


This is the current state of my code:



Cheers,
Luana

LN Luana Nunes December 23, 2020 09:46 AM UTC

Hello,

Bug 20867 was created from this as "Time format not showing as expected in Slider tooltip", however, the main problem which needs addressing is the error!

Thanks,
Luana


MK Muthukrishnan Kandasamy Syncfusion Team December 23, 2020 11:19 AM UTC

 
Hi Luana, 
 
Good day to you. 
 
We have validated your reported problem in Blazor Slider component. Unfortunately, we were unable to reproduce your reported problem in our end. We suspect that, you have may be missed to define the Value property as two-way binding.  
 
 
 
Please refer to the below code block. 
 
<SfSlider TValue="int[]" Min="MinValue()" Max="@MaxValue()" Type="SliderType.Range" @bind-Value="SliderValues"> 
    <SliderEvents TValue="int[]" OnTooltipChange="@TooltipChange" TicksRendering="@TickesRendering"></SliderEvents> 
    <SliderTicks Placement="Placement.Before" LargeStep="7200000" SmallStep="3600000" ShowSmallTicks="true"></SliderTicks> 
    <SliderTooltip Placement="TooltipPlacement.After" IsVisible="true"></SliderTooltip> 
</SfSlider> 
 
Please refer to the below link for release notes. 
 
 
Also, we have found an issue in Slider tooltip formatting. We will fix that issue and include the fix in upcoming weekly release.  
 
You can track the status of this issue fix through the following feedback portal link. 
 
 
We appreciate your patience. 
 
Regards, 
Muthukrishnan K 


Marked as answer
Loader.
Up arrow icon