how to make value as right align

[Ajeesh]

Hi
How to make value of numeric text box as right align

[Philip Fourie]

I would also like to know how to achieve this.  I have tried:

Html.Telerik().NumericTextBoxFor(m => m.Units)
          .InputHtmlAttributes(new { style = "text-align: right" })

It results in a right-alignment when the input has focus but returns to left-aligned when exiting the control.

Using 2011.3.1115

Thanks,
Philip

[Philip Fourie]

Bump:  Is this functionality possible with this control?

[Eric]

Along with the previously mentioned text-align: right property, adding this css class will produce the desired results:

 

 

 

 

 

.t-numerictextbox .t-formatted-value
{
    left: 0;
    right: 0;
}

[Steven]

You can also do this:
in your css file add:
.CurrencyBox
{
text-align: right;
left: 0;
right: 0;
}


then in your view your razor statement is:

@Html.Telerik().CurrencyTextBoxFor(m => m.Amount).InputHtmlAttributes(new {@class = "CurrencyBox"})


This way you don't have to override any telerik css styles and possibly affect other elements on other pages....