Recently, I was asked how to right-justify text in user-editable fields. It seemed like a simple enough requirement, as most number-based fields are right-justified so that you can perform quick calculations in your head, or just have them look pretty if you're not so good at math.
In any case, there are two different ways to accomplish this in Apex, depending on what type of object you are trying to modify.
For a Page Item, you may be tempted to change the Horizontal/Vertical alignment option under the Elements section. Close, but that won't quite do the trick, as that parameter controls ALL of the HTML for a specific item, not the Form component.
In the same Element, section, you will need to enter the following for the HTML Form Element Attributes: style="text-align:right;"
If you are working with a Tabular Form, there aren't any page items which to change. Thus, you have to modify the Column Attributes for the text item that you want to be right-justified.
Edit your Tabular Form, click on Report Attributes, and then click on the corresponding Edit Column link. Scroll down to the Tabular Form Element section, and for the Element Attributes, enter: style="text-align:right;"
When you run your page, the results should look something like this:
You can also substitute "center" for "right" in order to center your input text.
In any case, there are two different ways to accomplish this in Apex, depending on what type of object you are trying to modify.
For a Page Item, you may be tempted to change the Horizontal/Vertical alignment option under the Elements section. Close, but that won't quite do the trick, as that parameter controls ALL of the HTML for a specific item, not the Form component.
In the same Element, section, you will need to enter the following for the HTML Form Element Attributes: style="text-align:right;"
If you are working with a Tabular Form, there aren't any page items which to change. Thus, you have to modify the Column Attributes for the text item that you want to be right-justified.
Edit your Tabular Form, click on Report Attributes, and then click on the corresponding Edit Column link. Scroll down to the Tabular Form Element section, and for the Element Attributes, enter: style="text-align:right;"
When you run your page, the results should look something like this:
You can also substitute "center" for "right" in order to center your input text.
Comments
Nice entry. I need to "play" a lot with my text fields' alignment, so I defined my own application substitution strings: #LEFT#, #RIGHT# and #CENTER#, with the corresponding style attribute. It's saving a lot of time, but mainly annoying syntax errors.
I understand you are busy writing a new book about APEX (with John Scott) so keep us intrigue and anticipating by throwing an interesting entry in your Blog, every once in a while. I promise – will still buy the book :)
Thanks,
Arie.
If you have a sum in the tabular form how do you right align that?
Pete you should be able to use the standard Apex align select lists for that.
Thanks,
- Scott -
Thanks!
--Josh
~Bill
Phyllis