Right align text in a plain text field?

[tharais]

Good morning..

I've searched around the forum looking for the answer to how to right align text in a plain text field on a form.
I've tried to use css and define a class and to just enter "text-align: right" in the style field of the control... neither seemed to work.
Can someone shed some light on how I can do this?

thanks!

[Nikita Kurguzov]

Dear tharais,
The code depends on the type of the Plain text field - is it Single Line or Multiple Lines?

First, give the field a CSS class, like this:

SignleLineClass.png (1013 Bytes) Viewed 1731 times

MultilineClass.png (987 Bytes) Viewed 1731 times

Then, add the following code to CSS editor for Single Line:

Code: Select all

.signleline input{
	text-align: right;
}

Or the following code for Multiple Lines:

Code: Select all

.multiline textarea{
	text-align: right;
}

Here's what I get in the browser with this code:

RightAlign.png (2.78 KiB) Viewed 1731 times

[tharais]

Nikita..

Thanks for the reply.. I think I incorrectly asked my question.
Im using just a plain text control not a text input box. I just want to right align the plain text in the box.

thanks!

TJ

[Nikita Kurguzov]

Dear TJ,
Okay I see. The easiest option would be to add a Table control to the form. Then you can simply move Plain Text control to the right side of all the fields:

TableRightText.png (43.31 KiB) Viewed 1720 times

P.S. You can also add padding to the left.

[tharais]

thanks.. I got it figured out.. I used css and finally got the syntax correct