This is a migrated thread and some comments may be shown as answers.

Radnumerictextbox align right

32 Answers 1276 Views

Input

This is a migrated thread and some comments may be shown as answers.

32 Answers, 1 is accepted

answered on 20 Jun 2011, 01:46 PM

I am getting the same behavior as desribed above, the numbers are left justified but as soon as my mouse hovers over the numeric textbox, they align to the right. I want them to be right justified all the time.

I have wrapped the original class to create my own class with this:

public class WLPNumericTextBox : RadNumericTextBox

{

public WLPNumericTextBox()

{

Initialize();

}

private void Initialize()

{

EnabledStyle.HorizontalAlign = HorizontalAlign.Right;

}

But this seems to have no effect, any ideas?

answered on 21 Jun 2011, 05:37 PM

Hello Jsearl,

It looks like the reported problem is IE9 related issue. I have forwarded your report to our developers for further investigation. As a workaround you can set the required alignment with CssClass instead:

<%@ Page Language="C#" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<style type="text/css">

.MyClass

{

text-align:right;

}

</style>

</head>

<body>

<form id="mainForm" runat="server">

<asp:ScriptManager runat="server" ID="ScriptManager1">

</asp:ScriptManager>

<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" Type="Currency"

Value="100" EnabledStyle-CssClass="MyClass" />

</form>

</body>

</html>

I hope this helps.

All the best,
Martin
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 18 Dec 2012, 03:52 PM

Dear sir/madam,

I'm using the RadNumericTextBox and it works flawless in Internet Explorer 7 and 8. Google Chrome and even Firefox.
However in Internet Explorer 9 it will not align the text to the right (unless I run the browser in Compatibility modus)

I've tried all the following:

<telerik:RadNumericTextBox ID="TotalAccountBalanceTextbox" runat="server" Type="Currency"

DbValue='<%# Eval("AccountBalanceTwoYearsBefore") %>' ReadOnly="true" SkinID="ReadOnlyNumericTextBox"

Style="text-align:right;">

<DisabledStyle HorizontalAlign="Right" />

<EnabledStyle HorizontalAlign="Right" />

<FocusedStyle HorizontalAlign="Right" />

<ReadOnlyStyle HorizontalAlign="Right" />

</telerik:RadNumericTextBox>

I also modified the SkinID in the .skin file (just for checking)

<telerik:RadNumericTextBox runat="server" SkinId="ReadOnlyNumericTextBox"

BackColor="LightYellow"

style="border-color:#8E8E8E #B8B8B8 #B8B8B8 #8E8E8E; text-align:right !important;"

DisabledStyle-ForeColor="Black"

EnabledStyle-HorizontalAlign="Right"

DisabledStyle-HorizontalAlign="Right"

ReadOnlyStyle-HorizontalAlign="Right"

/>

I've tried the style with and without the !important tag but no matter what I try. In IE9 this box does not align to the right.
When I check the source with the debug viewer (F12) it states 'inline style - text-align:right'.

Can someone please help me with this issue.. (ow and by the way.. 'Not using IE9 is, sadly, not an option')

Thank you in advance!

answered on 19 Dec 2012, 07:57 AM

Hello,

As stated in the previous post, this is IE9 only related issue that can be easily workarounded by using custom CSS class. Here is how your code should be modified:

<style type="text/css">

.RightAligned

{

text-align: right;

}

</style>

<telerik:RadNumericTextBox ID="TotalAccountBalanceTextbox" runat="server" Type="Currency"

DbValue='<%# Eval("AccountBalanceTwoYearsBefore") %>' ReadOnly="true" SkinID="ReadOnlyNumericTextBox"

Style="text-align: right;" CssClass="RightAligned" >

<DisabledStyle HorizontalAlign="Right" CssClass="RightAligned" />

<EnabledStyle HorizontalAlign="Right" CssClass="RightAligned" />

<FocusedStyle HorizontalAlign="Right" CssClass="RightAligned" />

<ReadOnlyStyle HorizontalAlign="Right" CssClass="RightAligned" />

</telerik:RadNumericTextBox>

Note that there is no need to change the skin code.

I hope this helps.

Kind regards,
Martin
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

answered on 28 Jan 2014, 11:41 AM

Hi,

I am trying to change the image button of radnumerictextbox ,but it is not working at my end .Their any size constaint for image .

code snippet :

<style type="text/css">
.riUp Upbutton
{

background-image:url('~/Images/Plus.GIF') 0 0 no-repeat !important;
background-color:Black ;
border-bottom-color:Black;
}
.riDown Downbutton
{
background-color:Black ;
}
</style>

<telerik:RadNumericTextBox ID="rntPriority" runat="server" ClientEvents-OnError="OnError" Height="13px" NumberFormat-DecimalDigits="0" Width="50px" IncrementSettings-InterceptArrowKeys="true" IncrementSettings-InterceptMouseWheel="true"
ShowSpinButtons="true" CssClass="MyEnabledTextBox" SpinUpCssClass="riUp Upbutton" SpinDownCssClass="riDown Downbutton" AutoPostBack="false" ></telerik:RadNumericTextBox>

please suggest me waht is wrong this .I want to change the border of my image area ,but i am not able to do it.

answered on 11 Feb 2014, 04:50 AM

Hi,
I have a question this time regarding Telerik rad grid ,actually i am using modal popup in that modal popup ,using rad grid ,but when i did paging it goes to the base page and when it return to the modal popup there is no data to display.This is happening because when i changed my page there is postback ,but i dont want any kind of postback when i do page change.
For this i did pagesize="20" and allowpaging= "true".
Can i do paging without any post back .because this is requirement of my application.I dont want any kind of postback while paging.Because i am not writing any thing on my page index changed.so why there is postback Please suggest me its very urgent.
Thanks
Romi

answered on 11 Feb 2014, 05:58 AM

Hi Romi,

Please try to ajaxify the RadGrid to avoid postback while paging. Please have a look into the sample code snippet which works fine at my end.

ASPX:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true">

<ContentTemplate>

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" DataSourceID="SqlDataSource1" AllowPaging="true">

<MasterTableView DataKeyNames="OrderDate" CommandItemDisplay="Top">

<Columns>

<telerik:GridBoundColumn UniqueName="OrderID" DataField="OrderID" HeaderText="OrderID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ShipCity" HeaderText="ShipCity" UniqueName="ShipCity" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:Northwind_newConnectionString%>"

SelectCommand="SELECT * FROM [Orders]"></asp:SqlDataSource>

</ContentTemplate>

</telerik:RadWindow>

Thanks,
Princy.