Completed
Last Updated: 12 Apr 2019 16:19 by ADMIN
fu
Created on: 08 Jun 2015 07:04
Category: InputManager
Type: Bug Report
0
RadNumericTextBox: Right alignment of this control doesn't work under IE 10.0
When we use the control RadNumericTextBox, we met a issue: right alignment for text works under IE8, but doesn't work under IE 10, still left align in this control.  we tried several methods to try fix this issue, 
<telerik:RadNumericTextBox runat="server" ID="control1" Type="Number" ShowSpinButtons="True" ButtonsPosition="Right" IncrementSettings-Step="10"  NumberFormat-DecimalDigits="0" AutoPostBack="False" CssClass="RightPadding" EnabledStyle-CssClass="RightAligned">
  <DisabledStyle HorizontalAlign="Right" CssClass="RightAligned" />
  <EnabledStyle HorizontalAlign="Right" CssClass="RightAligned" />
  <FocusedStyle HorizontalAlign="Right" CssClass="RightAligned" />
  <ReadOnlyStyle HorizontalAlign="Right" CssClass="RightAligned" />
  <InvalidStyle HorizontalAlign="Right" CssClass="RightAligned" />
  <EmptyMessageStyle HorizontalAlign="Right" CssClass="RightAligned" />
  <HoveredStyle HorizontalAlign="Right" CssClass="RightAligned" />

CSS:
<style type="text/css">
 .RightAligned
  {
    text-align: right !important;
  }

   .RightPadding {
        padding-right:2px !important
   }
</style>

but failed. 

Do you have solution to fix this issue?

Expect your reply!
1 comment
ADMIN
Rumen
Posted on: 12 Apr 2019 16:17
You can change the alignment of the input via the following CSS class for all browsers:

<style type="text/css">
.riTextBox, .riSelect, .rcSelect {
    /*direction: rtl;*/
    text-align: right;
}
</style>


Regards,
Rumen
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.