NumericTextBox - Right Align

[Tina]

How do you right align input when displayed, and left align input on focus? 

[Hetali]

Hi Tina,

In order to right align the input when displayed and left align the input when in focus in the Kendo UI NumericTextBox, use the following CSS snippet:

.k-numerictextbox .k-input-inner {
  text-align: right;
}

.k-numerictextbox.k-focus .k-input-inner {
  text-align: left;
}

In this StackBlitz example, the NumericTextBox input is displayed on the right and when focused on the left. Please make sure to set the encapsulation to ViewEncapsulation.None to set the style locally.

I hope this helps.

Regards,
Hetali
Progress Telerik