Skip to main content

Right Justify Input Text

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.

Comments

Arie Geller said…
Hi Scott,

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.
Peter Lorenzen said…
Hi Scott,

If you have a sum in the tabular form how do you right align that?
Scott said…
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 -
keith Jamieson said…
Well, I had a similar issue, except that in my report, I had monetary values. So I resorted to to_char with the numeric format mask e.g. using to_char(value,'990.99'). and also having the fields right aligned.
The Joshua Tree said…
Not sure if this thread is still active/checked but I'm running into an issue and thought I'd post a question here. Environment is APEX 3.0.0.00.20 and the issue is regarding header alignment in reports. I'm using one of the Vertical Report templates and have a "notes" field which takes up a few rows. The header "Notes" is aligned to the right and bottom. I've been unable to work around it and I'm out of ideas. I've vertical-align syntax in the heading field on the Report Attributes page as well as adding styles and html tags within the field properties itself. I've also tinkered with the report template but I may not be in the right place since I am unable to get any changes to reflect in the active report. Any help would be greatly appreciated.

Thanks!

--Josh
Anonymous said…
Thank you Scott - This helped me out on a runfast pjct I am on. Regards,

~Bill
Anonymous said…
Just want to thank you. I needed to align the decimal points in a funding stmt. and using style="" worked like a charm!

Phyllis

Popular posts from this blog

Whose Deck is it Anyways?

This year at KScope, we're going to try something new.  And fun.  And funny to watch - we hope.  It's called "Whose Deck is it Anyways?", and will occur on Sunday at 8:30pm.  It's only 30 minutes, but it will likely be the best 30 minutes of the conference.  Or at least the most embarrassing.

Here's what we're going to do: the will be four 5-minute presentations - one on each of the following: BI, EPM, Database & APEX.

Sound interesting?  Probably not.  We get that, too.  So here's what we did.

Each 5-minute session will be presented by a non-expert.  For example, it's highly likely that I'll be presenting on BI or EPM.

To make it even better, each slide deck will be prepared by the corresponding expert.  So again, it's highly likely that my slide deck's creator will be either Stewart Bryson or Edward Roske.  If nothing else, this session will be a crash course in how not to make cohesive, easy to read slides.

Interested now?  Ya,…

Spaced Out

A while back, I wrote about how to give the Universal Theme a face lift.  If you follow the steps in that post, the base font for an APEX application with the Universal Theme can easily be changed.

While that's all well and good, sometimes you only want to change the font for a report, not the entire page.  One of the applications that I'm building contains a number of IRs based mostly on log data.  Thus, having that data in a monospaced font would make it a whole lot easier to read.

You can search Google Fonts for monospaced fonts by selecting only that option on the right-side menubar.  You can also opt for the standard yet kinda boring Courier and achieve the same thing.

To implement this in your application, follow the steps in my other post, but stop shy of the final step.  Instead of pasting in the text that I specify, paste in the following to the Custom CSS field in Theme Roller, using the name of the font you selected for the font-family:

.a-IRR-table tr td { font-fam…

#fakecode

Unless you've managed to somehow filter out everything about US politics over the last few months (and if you have, please let me know your secret), then you've likely heard about "fake news".  From a high level, my basic understanding of "fake news" is that it refers to stories or websites that are fabricated to advance the political beliefs and/or ideologies of one site or the other.  Your definition may differ.

So what is fake code?  That, I can at least try to explain in a bit more detail.

The other day, I saw this image posted on Kris Rice's twitter feed:



I thought it was a joke, but it's actually a real book. That made me laugh.  Then cry.  Then I read the book, mainly since it's only 4 pages.  Believe it or not,  there's actually some really good content packed in there.  Let me summarize:

If you choose to copy code from Stack Overflow, the OTN forum, or anywhere, really, there's a few things to keep in mind:


Who owns the code.  It…