Saturday, November 12, 2011

How to Right Align Column Data in af:table Footer

Hi,

Problem:

When you display any data in footer facet of  af:column (or af:table) in af:table by default the data aligns to left even you set the af:column align property to right as shown in the following slide.



Solution:

Solution is simple all you need is to wrap your data with af:panelgrouplayout

  • set Halign = "right"
  • layout="horizontal"


    
       
    
 
The output would be similar as shown in the slide



9 comments:

  1. Hai Mr.Zeeshan Baig,
    I just want to know how u display the calculation for the Total in the last row for the Total Employees and Total Salary ? The amount for 106 and $672,355.00

    ReplyDelete
  2. Hi,

    is it possible to show the dolar sign ($) on the right side of the value?

    Murat

    ReplyDelete
    Replies
    1. Hi,

      Currency sign is a part of format mask as you can see in Salary the Dollar sign is appearing. You can put it anywhere you like but the standard is the currency sign usually comes first.

      ZB

      Delete
  3. Thanx Zeeshan.

    Simple solutions are allways the best!

    ReplyDelete
    Replies
    1. I tried the same, and it was still left aligned.





      I am using the jdev Studio Edition Version 11.1.1.3.0, is it because of an old version ?

      Please suggest.

      Thanks
      Sumit

      Delete
    2. How to right align output text which inside in panelForm layout?

      Delete
    3. How to right align output text field (number) at inside panel form layout?

      Delete
    4. hi,
      I also found workaround for my question
      need to add div tag to enclose outputText tag, and define text-align in div tag
      is it ok?

      Delete
    5. If the type is number it should be automatically. It mainly depends on your browsers LOCALE. There is also a property in Font as text align.

      Z

      Delete