RadNumericUpDown control with custom unit as ft in (feet inch e.g., 99 ft 1 in)

[Hirenkumar]

Dear Telerik Team,

I am using the RadNumericUpDown control for accepting the numeric value. I have made hidden the up and down tick button so it look like simple textbox. The purpose of using this control specific for Distance and Weight values so it can be in any unit of measurement. For example, meter, millimeter, feet, kg, ton etc.

For simple UOM like meter, I can simply set the CustomUnit as "m" and it works fine. But How can I represent the value of 99.11 feet to feet and inch e.g., 99 ft 1 in

So whenever user trying to edit the value, it will be in feet only and once it is edited value will be displayed in feet and inch. 

How can  I achieve this behavior using RadNumericUpDown control ?

Thanks & Regards,

Hiren Lad

[Dinko]

Hello Hirenkumar,

You can achieve the desired requirement by deriving from the RadNumericUpDown class and overriding the FormatDisplay and FormatEdit methods:

public class MyCustomNumericUpDown : RadNumericUpDown
{
	public override string FormatDisplay()
	{
		if (this.Value.HasValue)
		{
			return Value.Value.ToString();
		}

		return base.FormatDisplay();
	}
	
	public override string FormatEdit()
	{
		if (this.Value != null)
		{
			// Get the value in feet
			double? feetValue = this.Value;

			// Convert to feet and inches
			int feet = (int)feetValue;
			double? remainingInches = (feetValue - feet) * 12;
			int inches = (int)remainingInches;

			return $"{feet} ft {inches} in";
		}

		return base.FormatEdit();
	}
}

You can see the result in the following image:

For your convenience I prepared a sample solution and a short video where this behavior is implemented.

Regards,
Dinko
Progress Telerik

[Hirenkumar]

Thanks Dinko, Its working for me.