1. Home
  2. Forum
  3. Blazor
  4. Display Regional Currency Separator

Display Regional Currency Separator

Hello,


I'm building an application that uses the Numeric TextBox to display a currency value. The currency is able to be selected and changed, using the `Format` parameter built into the Numeric TextBox component. However, I'm not seeing the ability to display the comma (,) separator for regions, like Europe, that use the comma separator instead of the decimal (.) seperator.

I am also specifying the input type of `tel` by using the `HtmlAttributes` parameter, and users are not able to use the comma separator.

How can I dynamically display the separator based on region selections? 

Thanks!



3 Replies
YS Yohapuja Selvakumaran Syncfusion Team May 22, 2024 02:03 PM UTC

Hi Christopher,


Thank you for reaching out to us. We have validated the reported issue with adding the tel attribute via HTML and have confirmed that the decimal separator commas are displayed correctly according to their respective regions. Please refer to the attached sample and the accompanying gif image for further reference.




If you are still experiencing the issue, we kindly request the following details to assist you further:


  • Please share the code snippet of the numeric textbox you are using, or modify the shared sample to replicate the reported issue on our end.
  • If possible, provide a video illustration of the issue you are encountering with the numeric textbox. This will help us understand the exact problem more clearly.
  • Let us know the Syncfusion package version you are currently using.

Thank you for your cooperation. We look forward to resolving this issue promptly.




Regards,

Yohapuja S



Attachment: Localizationwithdynamicculture_4bf168c6.zip

CH Christopher replied to Yohapuja Selvakumaran May 24, 2024 05:37 PM UTC

Hello,


Thank you for supplying a sample. In my application, I'm actually using the `Currency` parameter to change the currency that is displayed. Format is always set to `c2`.

Do I need to set SupportedCultures for this to work? The Currency symbol displays as intended, but the separator does not.

<SfNumericTextBox @bind-Value="@Item.Amount" Placeholder="Amount" FloatLabelType="@FloatLabelType.Auto" Min="0" Currency="@Item.ISO4217SymbolCode" Format="c2" HtmlAttributes="@(new Dictionary<string, object>{{"type", "tel"}})"/>


YS Yohapuja Selvakumaran Syncfusion Team May 28, 2024 02:14 PM UTC

Hi Christopher,


We have validated your requirement regarding the use of commas as decimal separators. By default, our components are rendered in English culture, where the decimal separator is a dot. To display the decimal separator as a comma, you need to switch to a culture that uses commas as decimal separators. Kindly check out the below gif image for further reference.





For detailed instructions on achieving localization, please refer to the following documentation:


Documentation: https://blazor.syncfusion.com/documentation/common/localization#localization-of-syncfusion-blazor-components



If the above information doesn’t fully meet your expectations, we kindly request you to share more details about your requirement. Additionally, if possible, please share the numeric textbox sample with us, or provide a video illustration of the issue. This will help us to better understand and address your specific needs. Thank you for your cooperation and patience.



Regards,

Yohapuja S


Loader.
Up arrow icon