Skip to content

Added new kb article numeric-textbox-kb-zero-decimals #2402

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Oct 10, 2024
Merged

Added new kb article numeric-textbox-kb-zero-decimals #2402

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7b66fb3
Added new kb article numeric-textbox-kb-zero-decimals
Sep 30, 2024
c2f5803
docs(NumericTextBox): kb polish
Tsvetomir-Hr Sep 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 50 additions & 0 deletions knowledge-base/numeric-textbox-kb-zero-decimals.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
---
title: How to Display Currency Format Without Decimals
description: Learn how to display a currency value without decimal places in a Blazor NumericTextBox by adjusting the Format and Decimals parameters.
type: how-to
page_title: How to Display Currency Format Without Decimals
slug: numeric-textbox-kb-zero-decimals
tags: numeric-textbox, blazor, format, decimals, currency
res_type: kb
ticketid: 1661907
---

## Environment
<table>
<tbody>
<tr>
<td>Product</td>
<td>NumericTextBox for Blazor</td>
</tr>
</tbody>
</table>

## Description

When using the [NumericTextBox]({%slug components/numerictextbox/overview%}) with a currency format, setting the `Decimals` parameter to 0 does not prevent decimal places from being displayed. This occurs because the `Format="C"` parameter, which specifies currency formatting, overrides the `Decimals` parameter by adding two decimal places by default, according to the local currency settings (e.g., £).

This KB article also answers the following questions:
- How to display currency values without decimals in a NumericTextBox?
- How to use the Format parameter to control decimal places in NumericTextBox?
- What is the effect of the Decimals parameter in NumericTextBox when using currency format?

## Solution

To display a currency value without decimal places in the NumericTextBox while using the currency format (`C`), set the `Format` parameter to `"C0"`. This explicitly sets the number of decimal places to zero in the formatted currency value.

````CSHTML

<TelerikNumericTextBox @bind-Value="@BoundAmountTo" Decimals="0" Format="C0" Step="1m" />

@code {
private decimal BoundAmountTo { get; set; } = 20.00m;
}

````

It is crucial to understand that the `Decimals` parameter only affects the allowed decimal places during typing (when the input is focused). Conversely, the `Format` parameter determines how the value is displayed when the input is not focused, including the number of decimal places shown in the formatted output.

## See Also

- [NumericTextBox Parameters]({%slug components/numerictextbox/overview%}#numeric-textbox-parameters)
- [Standard Numeric Format Strings - Currency Format Specifier (C)](https://learn.microsoft.com/en-us/dotnet/standard/base-types/standard-numeric-format-strings#currency-format-specifier-c)
Loading