Range Slider in Grid Template column not working

In Version 19.X, I could place a slider in a grid template column.

<GridColumn Field=@nameof(TaskCompetency.TargetLevel) AllowEditing="true" HeaderText="Target Level" Width="50%">

                            <Template>

                                @{ var tmp = (context as TaskCompetency);

                                    <div style="vertical-align:middle; padding-top:15px;">

                                        <SfSlider Min="0" Max="10" Step="1" Value="2" Enabled="true" ReadOnly="false" Type=SliderType.Range >

                                            <SliderTicks Placement="Placement.Before" ShowSmallTicks="false" LargeStep="1">

                                            </SliderTicks>

                                        </SfSlider>

                                    </div>

                                }

                             <SfSlider @ref="slider" Value="30"></SfSlider>

                            </Template>

                        </GridColumn>

In 20.X, the value does not show up in the slider. I even added a hard-code value slider and same issue.




1 Reply

SA SureshRajan Alagarsamy Syncfusion Team July 13, 2022 03:14 PM UTC

Hi Woody,


Greetings from Syncfusion support.


From the provided details, we have prepared a similar sample to validate the reported issue in the Blazor Slider component. But not able to face the reported issue at our end and facing some other issues. Further, we need to clarify whether the value was not refreshed properly at your end. Or are you not able to see the slider handle? Also, we suggest you use the RepositionAsync method on the Grid created event to update the Slider value, if that is the issue you have been facing.


If the issue still persists, please share with us the replicated sample with video footage. These details would help us assist you promptly.


Regards,

Suresh.


Loader.
Up arrow icon