custom range slider
Hi,
How can I have the following output in the range slider component?
thank you
Hi Indhumathy Loganathan,
I compared your source with mine. If we add the following code in your source
Program.cs :
builder.Services.AddSyncfusionBlazor(options => { options.EnableRtl = true; options.IgnoreScriptIsolation = true; });
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
builder.Services.AddSingleton(typeof(ISyncfusionStringLocalizer), typeof(SyncfusionLocalizer));
CultureInfo.DefaultThreadCurrentCulture = new CultureInfo("ar");
CultureInfo.DefaultThreadCurrentUICulture = new CultureInfo("ar");
----------------------------------------
public class SyncfusionLocalizer : ISyncfusionStringLocalizer
{
// To get the locale key from mapped resources file
public string GetText(string key)
{
return this.ResourceManager.GetString(key);
}
// To access the resource file and get the exact value for locale key
public System.Resources.ResourceManager ResourceManager
{
get
{
// Replace the ApplicationNamespace with your application name.
return SfResources.ResourceManager;
}
}
}
--------------------------------------------------
output:
Hi Indhumathy Loganathan,
I have seen what you said in the past. I attached the problem as a project.
Attachment: GridLocalization_Wasm1838360880_RangeSlider_8f417156.rar
2-If we want to find out whether the user has selected a value in the range slider or not. Is it possible to implement the following image?
thank you
Hi LeoLavanya Dhanaraj,
Thank you very much for your answer. I encountered a problem to upload the file on your site. I uploaded the project to another host.
https://filelu.com/t7iu0exn7nip
After executing the project, we see the following picture.
2- Another problem that exists is that I used the component in the
EditForm
<EditForm Model="dto" OnValidSubmit="OnValidSubmit">
<DataAnnotationsValidator />
<ValidationSummary />
<InputText @bind-Value="@dto.Name"></InputText>
<SfSlider Min="1" Max="17" Value="@dto.Val" Step="1" EnableRtl="false">
<SliderTicks Placement="Placement.Before" ShowSmallTicks="false" LargeStep="1"></SliderTicks>
</SfSlider>
<button type="submit">Submit</button>
</EditForm>
@code {
public clsNameValue dto { get; set; }
protected override void OnInitialized()
{
dto = new clsNameValue() { Name = "test", Val = 1 };
}
private void OnValidSubmit()
{
var temp = dto.Val;
}
public class clsNameValue
{
public int Val { get; set; }
public string Name { get; set; }
}
}
Hi LeoLavanya Dhanaraj,
We have validated the reported issue in the Blazor Slider component and considered it a bug on our end. The fix for this issue will be included in our weekly patch release on November 8, 2022. You can track the status of the issue fix using the following feedback link.
Thank you for your attention.
Based on your shared code details, we have validated your reported query in the Blazor Slider component. We understand that you are facing an issue with Form submitting button. But we were not able to reproduce the mentioned issue at our end. For your reference, we have attached the sample.
I downloaded and ran this project. The output is as follows:
Thank you
