How to Right-align data(Numbers) in a text field in ext.net

Question

0.00/5 (No votes)

See more:

I want to right align data(numbers) in textfield in ext.net. i tried many ways but helped me. my code is

C#

.style-1 {
      padding-left:75px;
      text-align:right;
      margin-left:75px;
      vertical-align: 75px;
      text-indent:20px;
      direction:rtl;
      background-position:right;
      border-left:'border-width:10px';
     }

<ext:Editor>
 <ext:TextField ID="TextField4"  runat="server" Align="right" Text=" "  PaddingSpec="padding-left:20px;" LabelAlign="Right" TextCls="style-1" LabelCls="style-1" TextAlign="right" NumberAlign="right" CellCls="style-1" ComponentCls="style-1" FieldCls="style-1" InputCls="style-1" IndentLeft="10px" X="10"  />
<ext:Editor/>

Posted 21-Aug-13 3:32am

sunitha korakandla

Updated 26-Aug-13 23:46pm

v5

Add a Solution

3 solutions

Solution 1

try float right in css.it may work

Posted 26-Aug-13 23:05pm

Member 8622273

Comments

sunitha korakandla 27-Aug-13 5:44am

It works if the data is in string format but not for numeric values...

sunitha korakandla 27-Aug-13 5:50am

and also while entering data it is right alignment only but if we save it is again left aligning...
Can you provide a solution to this?

Member 8622273 28-Aug-13 7:00am

use developer tools and check whether the style is getting overwritten by some other style

sunitha korakandla 10-Sep-13 3:25am

I am getting right-alignment, this is ok but i want left-alignment for Column header and right alignment for rest of the part.. is that possible.?

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sunitha korakandla · Accepted Answer · 2013-09-10T03:46:00

Solution 2

<ext:column id="Column4" dataindex="Amount" header="<CENTER>Amount <CENTER> " runat="server" width="100" stylespec="font-weight: bold;" align="Right" xmlns:ext="#unknown">

Gives the correct answer for Left alignment of Header and right alignment of Column values.

Posted 10-Sep-13 3:46am

sunitha korakandla

sunitha korakandla · Accepted Answer · 2013-09-10T03:50:00

Solution 3

<ext:column id="Column4" dataindex="Amount" header="<CENTER>Amount <CENTER> " runat="server" width="100" stylespec="font-weight: bold;" align="Right" xmlns:ext="#unknown">

This the perfect solution for Header right alignment and Column values left alignment.

Posted 10-Sep-13 3:50am

sunitha korakandla