Raman Chhina
Top achievements
Rank 1
Rank 1
Raman Chhina
asked on 31 Oct 2008, 04:47 PM
I need to right align the text in a RadNumericTextBox but doing so causes the input caret to disappear when the control has focus. What am I doing wrong?
Thanks,
Raman
--- Sample Page---
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"
OutputCompression="AutoDetect">
</telerik:RadScriptManager>
<telerik:RadNumericTextBox ID="RadTextBox1" Runat="server" Width="125px">
<focusedstyle horizontalalign="Right" />
</telerik:RadNumericTextBox>
<telerik:RadNumericTextBox ID="RadTextBox2" Runat="server" Width="125px">
</telerik:RadNumericTextBox>
</form>
</body>
</html>
Thanks,
Raman
--- Sample Page---
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"
OutputCompression="AutoDetect">
</telerik:RadScriptManager>
<telerik:RadNumericTextBox ID="RadTextBox1" Runat="server" Width="125px">
<focusedstyle horizontalalign="Right" />
</telerik:RadNumericTextBox>
<telerik:RadNumericTextBox ID="RadTextBox2" Runat="server" Width="125px">
</telerik:RadNumericTextBox>
</form>
</body>
</html>
1 Answer, 1 is accepted
0
Hello Raman,
The problem is caused by the fact that the textbox has a zero right padding, which in turn is needed to fix some other issues (e.g. disappearing right border) As a consequence, the input caret is positioned under the textbox border and is not visible.
You can try increasing the right padding of the textbox to 1px or 2px:
ASPX
<telerik:RadNumericTextBox CssClass="RightPadding">
<FocusedStyle HorizontalAlign="Right" />
</telerik:RadNumericTextBox>
CSS
.RightPadding { padding-right:2px !important }
Best wishes,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
The problem is caused by the fact that the textbox has a zero right padding, which in turn is needed to fix some other issues (e.g. disappearing right border) As a consequence, the input caret is positioned under the textbox border and is not visible.
You can try increasing the right padding of the textbox to 1px or 2px:
ASPX
<telerik:RadNumericTextBox CssClass="RightPadding">
<FocusedStyle HorizontalAlign="Right" />
</telerik:RadNumericTextBox>
CSS
.RightPadding { padding-right:2px !important }
Best wishes,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.