Vertical Alignment in table columns

Using JHeadstart 10.1.3.4.
Different display types are differently positioned in table columns. Single text seems vertically centered; text fields with multiple lines are vertically aligned at the top of a table column; vertical radio buttons are vertically aligned at the bottom of a table column. The resulting display is quite messy.
I have not found any formating option in JHeadStart that allows for controlling vertical alignment. Am I a missing something?
If JHeadStart 10g does not support controlling vertical alignment directly, how should this be handled? Does JHeadStart 11g add such vertical alignment support?

Hello,
If you need anything special considering vertical alignment in tables, you can simply perform that in the resulting JSPX page. In other words, just alter the JSPX file to whatever you need.
Save your customizations in JHeadstart using velocity templates, so your page is regenerateable while keeping your changes. See the JHeadstart Developers Guide on how to change such customizations in the templates.
Also in release 11 there is no vertical alignment (yet); I suppose because for most tables, each row just has a single line and vertical alignment is therefore not needed. However, I have put it on the wish-list, so we will check on it later. Thanks!
Regards,
Evert-Jan de Bruin
JHeadstart Team

Similar Messages

Vertically align the table with or with out css

How do I vertically align the table with or with out css?
See the page
http://happynick.com/pjcartthumbnails/pages/bio.html
This page is centered horizontally, but not
vertically.

http://www.apptools.com/examples/tableheight.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"happydreamweaver" <[email protected]> wrote
in message
news:fjuajb$dkb$[email protected]..
> How do I vertically align the table with or with out
css?
> See the page
http://happynick.com/pjcartthumbnails/pages/bio.html
> This page is centered horizontally, but not vertically.

BO XIR2 SP3 FP3.3 - vertical alignment of 1st column of 2nd page ignored

We have webi reports that have all cells set to vertical alignment bottom. If the report spans more than one page, the first column of the second page reverts to vertical alignment center for all cells in the column. All other columns remain with bottom vertical alignment. This problem does not occur in PDF view, only in HTML views. Does anyone know if there is a fix for this? Can I modify a file somewhere in the system to fix a missing vertical alignment tag?
Joe Gottschall
Pixstar, Inc.

Yes, there is "sort-of":
Object > Text Frame Options ( Ctrl + B )
Vertical Justification, set Align to "Justify".
It won't distribute evenly across all three columns though... in other words InDesign doesn't balance the text across the three columns with this feature.
Instead it pushes space between lines/paragraphs within each column to ensure the top and bottom line of text in each column are lined up with top and bottom of text frame.
If there is only a little bit of text in the last column, things might not look like you anticipated.

Vertical alignment in tables

On many of our tables, we want the contents of cells to be
vertically aligned to the top of the cell. RH is vertically
centering everything. Is there any way to force alignment to the
top of the cell?

It is a bug in the editor. Generate an output and you will see it is displayed correctly.
See www.grainge.org for RoboHelp and Authoring tips

Vertical alignment in table cells not working in generated output

Using RH9 WebHelp. I have created a simple table style. Because I could not find out how to make cell vertical alignment (top, center, bottom) part of the style definition, I have been applying it manually to individual whole tables using the cell alignment properties.
This worked fine for a while, but at some point I noticed that even though the tables look right in Design view, with top-aligned cells contents, it gets hosed in generating output and all tables now come with vertically centred cell contents even through the in-line formatting for top alignment is still there in the code.
Any ideas?

Hi Mike,
I'm confused to where you applied the vertical alignment. Normally, I would set this for the table cells and not the table.
CSS has indeed an order in rendering: There is a point system for determining the CSS to apply. See http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-understanding-css-specific ity/ for a short introduction.
And as an extra to the point system, the place where the styling is present, also determines the styling. Browsers use the following hierarchy (in descending order)
User style sheet defined in the browser.
Inline styling.
Style block in page.
External style sheet
You can overwrite styling from a lower order using the !important declaration. You can use this to make sure that inline styling will not be able to overwrite styles from your style sheet. (Unless the inline styles use !important themselves.) Example:
table.mytable td {
vertical-align: middle !important;
This will make all the content of table cells in the table with the class mytable to be vertically centered.
Greet,
Willam

ADF Faces - ConvertNumber, aligning in table column

Is there a way in ADF Faces to display a table with a column of currency figures, with possible trailing sign for negatives, aligned on the decimal point? With a total at the bottom? These seem like such elementary requirements, but I can find no reference to them in the documentation. ConvertNumber javadocs mentions a pattern property, but no details of what constitutes a pattern.
Any help gratefully received.

Hi,
drag and drop the ConvertNumber component and double click on it in the StructureWindow of the page (strl+shift+s). This brings up a dialog that provides help when moving the mouse over the labels
As a pattern try e.g. 0000.00
The currency can be specified in the last field as the type. The symol can be expressed as a character $ or in ISO format USD
There is no native component to compute the total, but since the table shows the values in page ranges, you can add a output field and compute this information in a backing bean
Frank

JDeveloper 10.1.3.4: text-align for table column has no effect

Hi,
I am using JDeveloper 10.1.3.4. In a tabe I have a column that displays numbers, which are left-aligned by default:
Applied
$50.00
$2,160.00
$50.00
$2,260.00I want to have them aligned to the right to look neater:
Applied
         $50.00
      $2,160.00
         $50.00
      $2,260.00Or better still, have the cell with the longest string aligned to the center, and all the other cells align to it by the decimal point:
    Applied
      $50.00
   $2,160.00
      $50.00
   $2,260.00I looked in the property inspector and the only thing that looks closest to the purpose is text-align. I set this attribute to right (text-align:right) for the column, and for the outputText, but neither has effect. Everything is still flush to the left. How to get it right?
Thanks!
Newman

Hi, Branislav,
Nice meeting you again.
Last time the question was about formatting the total amount returned from the method, from String to Number, Re: JDeveloper does not handle expert SQL, cannot add query clause in view link, which can also format the number as currency.
This time, your answer again solved my problem. I was looking in the inline styling section, and did not notice this property in the General section. Thank you so much for your help!
Newman

Move Table Column with AppleScript in Microsoft Word

Microsoft Word has a flaw (in my opinion) with tables in that it aligns the left and right text with the margins rather than aligning the table columns with the margins. This results in sloppy tables, because the left and right borderlines lie outside the margins.
I would like to fix the word tables by
calculating the left cell padding and right cell padding in points and setting them to variables {left_pad,right_pad} respectively
move left column by left_pad to the right
move right column by right_pad to the left
The script I was working on does not work, but I will post it to show my thought process as I hone in on my solution.
tell application "Microsoft Word"
    --595 points is width of A4 paper
    -- Set page margin in points to variables
    set {l_margin, r_margin, t_margin, b_margin} to {(get left margin of page setup of active document), get (right margin of page setup of active document), get (top margin of page setup of active document), get (bottom margin of page setup of active document)}
    get {l_margin, r_margin, t_margin, b_margin}
    -- Set specific Paragraph margins
    -- NOTE: If you select a table thinking you wish to drag just the left margin to the right, or the right margin to the left, this code does not accomplish this because each cell has its own paragraph formatting. This code will set the margin for every single cell, because each cell has its own margins! (separate from padding).
    set para_sel to paragraph format of selection
    set paragraph format left indent of para_sel to (centimeters to points centimeters 0.5)
    -- Aligning left and right columns of table with the margins
    -- NOTE: There is a command to set left row indent, but not right row indent (very stupid of Microsoft)
end tell

I have worked up something that seems to work (although I cannot promise it is the best way). Hope it helps anyone else who has this need.
tell application "Microsoft Word"
activate
set findRange to find object of selection
clear formatting findRange -- clear any previous formatting used in a find operation
set forward of findRange to true -- find forward
set style of findRange to "List Bullet" -- the style to look for
tell findRange
set gotIt to execute find find text "" -- do the search w/o matching any text
end tell
if gotIt is true then -- if a match was found
copy object selection -- copy it to the clipboard
set mySelection to (the clipboard) -- then put clipboard into a variable
set myOffset to ¬
(get selection information selection information type ¬
(horizontal position relative to page)) -- now put selection info into a variable
display dialog mySelection & return & (myOffset as text) -- then display it
end if
end tell

Vertical alignment off in table columns

I have a table with 3 columns with one row above and below
Text in left and right column is aligned to the top but in
the middle column the text will not align to the top. In IE it is
correct but in Firefox 1.6 it is down by 1 line
How to correct?
David
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML
xmlns="
http://www.w3.org/1999/xhtml"><HEAD><TITLE>BustedComputer</TITLE>
<META http-equiv=Content-Type content="text/html;
charset=iso-8859-1" />
<style type="text/css">

</style>
</HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width=800 align=center
border=0>
<TBODY>
<TR>
<TD colSpan=3 bgcolor="#6699FF">Top</TD>
</TR>
<TR>
<TD width="150" bgcolor="#6699FF"><a
href="#">leftside</a></TD>
<TD bgcolor="#FFFFCC"><p>Contrary to popular
belief, Lorem Ipsum is not simply
random text. It has roots in a piece of classical Latin
literature from
45 BC, making it over 2000 years old.<br>
<br>
Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de
Finibus
Bonorum et Malorum" (The Extremes of Good and Evil) by
Cicero, written
in 45 BC. This book is a treatise on the theory of ethics,
very popular
during the Renaissance. The first line of Lorem Ipsum,
"Lorem ipsum dolor
sit amet..", comes from a line in section 1.10.32.</p>
</TD>
<TD width="150" bgcolor="#FFFFCC">rightside</TD>
</TR>
<TR>
<TD colSpan=3 bgcolor="#6699FF">Bottom</TD>
</TR></TBODY></TABLE></BODY></HTML>

Could it be that you are seeing the top margin on the
<p> tag?
<TD bgcolor="#FFFFCC"><p>Contrary to popular
belief
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"davidhelp" <[email protected]> wrote in
message
news:[email protected]...
>I have a table with 3 columns with one row above and
below
> Text in left and right column is aligned to the top but
in the middle
> column
> the text will not align to the top. In IE it is correct
but in Firefox 1.6
> it
> is down by 1 line
>
> How to correct?
>
> David
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
> <HTML
> xmlns="
http://www.w3.org/1999/xhtml"><HEAD><TITLE>BustedComputer</TITLE>
> <META http-equiv=Content-Type content="text/html;
charset=iso-8859-1" />
> <style type="text/css">
> 
> </style>
> </HEAD>
> <BODY>
> <TABLE cellSpacing=0 cellPadding=0 width=800
align=center border=0>
> <TBODY>
> <TR>
> <TD colSpan=3 bgcolor="#6699FF">Top</TD>
> </TR>
> <TR>
> <TD width="150" bgcolor="#6699FF"><a
href="#">leftside</a></TD>
> <TD bgcolor="#FFFFCC"><p>Contrary to popular
belief, Lorem Ipsum is
> not
> simply
> random text. It has roots in a piece of classical Latin
literature
> from
> 45 BC, making it over 2000 years old.<br>
> <br>
> Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of
"de Finibus
> Bonorum et Malorum" (The Extremes of Good and Evil) by
Cicero,
> written
> in 45 BC. This book is a treatise on the theory of
ethics, very
> popular
> during the Renaissance. The first line of Lorem Ipsum,
"Lorem
> ipsum
> dolor
> sit amet..", comes from a line in section
1.10.32.</p>
> </TD>
> <TD width="150"
bgcolor="#FFFFCC">rightside</TD>
> </TR>
> <TR>
> <TD colSpan=3 bgcolor="#6699FF">Bottom</TD>
>
</TR></TBODY></TABLE></BODY></HTML>
>
>

Tables - Column vertical alignment

Good day for everybody,
I have a table with two columns. The first one has an inputText with 1 line. The second one has an inputText with 3 lines.
So the row height is calculated to fit the multiline object and, by default the inputText of the first line is bottom aligned.
I tried to change the first columns vertical alignment by setting the InlineStyle - vertical-align property (setting it to top or middle) but nothing happend.
So, the question is: How can I change the vertical alignment of the inputText of the first column so it is center or top aligned in its table cell? (Unfortunately I couldn't find this out by myself).
Thanks in advance for any help.
A.Gurisatti

Try nesting your text in a CellFormatted. You can also try nesting it with in a panelGroup. If you are attempting to algin you text with css there is some browser dependencies in play.

How to achive table column header style (vertical text)?

Hi,
Can we show adf table column headers with vertical text, and with rotation. For eg. "Dept Id" lable should show up as similar to what the below HTML does:
<html>
<div style="float: left;
position: relative;
-moz-transform: rotate(1000deg); /* FF3.5+ */
-o-transform: rotate(290deg); /* Opera 10.5 */
-webkit-transform: rotate(290deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE8 */">Dept Id</div></html>
Edited by: pramod gujjeti on Sep 18, 2011 8:51 PM
Edited by: pramod gujjeti on Sep 18, 2011 8:51 PM

Hi,
I've used the below style classes in CSS, but still not getting the accurate Column Header Vertical Text. Also, in IE browser column header text is shrinked vertically when headerClass styles are applied!
Any help appreciated!
.sch af|column::column-header-cell {
vertical-align: bottom;
padding-bottom: 10px;
height: 80px;
.schc af|column::column-header-cell-content {
-moz-transform: rotate(270deg);
/* FF3.5+ */
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
/*IE6,IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
/*IE8*/
-o-transform: rotate(270deg);
/*Opera 10.5*/
-webkit-transform: rotate(270deg);
/*Saf3.1+, Chrome*/
position: relative;
vertical-align: bottom;
Edited by: pramod gujjeti on Sep 27, 2011 9:09 AM

VERTICAL ALIGNMENT ON WORD TABLE IS MISS.

Hello everybody,
Can somebody clear my mind? I did the code below, and this generates a beautiful and clean table on word 2010. The problem is that the instruction “.Rows.Height = 8” and
“.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalCenter” seems
not work, besides, when I try to adjust the rows height and vertical alignment by myself, after routine generates the table of course, Word don´t allow me to do these adjustment by hand.
The property “.Rows.Height = 8” seems to be working, because when I change to “.Rows.Height = 25” the rows height really goes to it, also, there is no problem with horizontal alignment, this is work very fine.
Working with VS 2012 and Word 2010.
Tried everything, no result….
Thank you.
Private Sub Button6_Click(sender As Object, e As EventArgs) Handles Button6.Click
Dim WA As New Word.Application
Dim WD As Word.Document
Dim WS As Word.Selection
Dim model_address, mes_extenso, texto, texto_ref, pic_address As String
model_address = Application.StartupPath & "\GTMS_MDL.docx"
pic_address = Application.StartupPath & "\PIC\TABELA01.png"
WD = WA.Documents.Open(model_address, [ReadOnly]:=True)
WS = WA.Selection
Dim WT1 As Word.Table
Dim WR1 As Word.Range
Dim lin_wt1, lin_wt2, lin_wt3 As Integer
lin_wt1 = 3
WT1 = WD.Tables.Add(WA.Selection.Range, lin_wt1 + 2, 5)
With WT1.Range
.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphCenter
.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalBottom
.Rows.Shading.BackgroundPatternColor = Word.WdColor.wdColorAqua
.Rows(1).Shading.BackgroundPatternColor = Word.WdColor.wdColorBlueGray
.Rows.Borders.OutsideLineStyle = Word.WdLineStyle.wdLineStyleSingle
.Columns.Borders.InsideLineStyle = Word.WdLineStyle.wdLineStyleSingle
.Font.Bold = True
.Font.ColorIndex = Word.WdColorIndex.wdWhite
.Rows.Height = 8
.Columns(1).Width = 30
.Columns(2).Width = 350
.Columns(3).Width = 40
.Columns(4).Width = 50
.Columns(5).Width = 50
.Font.Size = 7
End With
WT1.Range.Text = ""
WT1.Cell(1, 1).Range.Text = "ITEM"
WT1.Cell(1, 2).Range.Text = "DESCRIÇÃO"
WT1.Cell(1, 3).Range.Text = "QTD."
WT1.Cell(1, 4).Range.Text = "UNIT."
WT1.Cell(1, 5).Range.Text = "SUBTOTAL"
For i = 0 To lin_wt1
WT1.Cell(i + 1, 2).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphLeft
Next
For i = 0 To lin_wt1 - 1
WT1.Cell(i + 2, 1).Range.Text = i + 1
WT1.Cell(i + 2, 2).Range.Text = DGV1.Rows(i).Cells(2).Value
WT1.Cell(i + 2, 3).Range.Text = DGV1.Rows(i).Cells(3).Value
WT1.Cell(i + 2, 4).Range.Text = DGV1.Rows(i).Cells(4).Value
WT1.Rows(i + 2).Range.Font.ColorIndex = Word.WdColorIndex.wdBlack
WT1.Rows(i + 2).Range.Font.Bold = False
Next
WT1.Cell(lin_wt1 + 2, 1).Merge(WT1.Cell(lin_wt1 + 2, 2))
WT1.Cell(lin_wt1 + 2, 2).Merge(WT1.Cell(lin_wt1 + 2, 4))
WT1.Cell(lin_wt1 + 2, 1).Range.Text = "TOTAL GERAL"
WT1.Rows(lin_wt1 + 2).Range.Font.ColorIndex = Word.WdColorIndex.wdDarkRed
WT1.Rows(lin_wt1 + 2).Range.Font.Size = 10
WT1.Cell(lin_wt1 + 2, 1).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphLeft
WT1.Cell(lin_wt1 + 2, 2).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphCenter
WT1.Cell(lin_wt1 + 2, 2).Range.Text = FormatCurrency(12560, 2)
WA.Visible = True
WA = Nothing
WD = Nothing
WS = Nothing
End Sub

Hi,
>>The problem is that the instruction “.Rows.Height = 8” and
“.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalCenter” seems
not work, besides, when I try to adjust the rows height and vertical alignment by myself, after routine generates the table of course, Word don´t allow me to do these adjustment by hand.
The property “.Rows.Height = 8” seems to be working, because when I change to “.Rows.Height = 25” the rows height really goes to it, also, there is no problem with horizontal alignment, this is work very fine<<
I am not able to understand the issue exactly. Can you set the height for the rows using Rows.Height? I made a quick test using VBA based on the code above, it works well for me. And I can also adjust by hand after run the code.
>> “.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalCenter” seems
not work<<
What effect did you want to achieve? Based on the code samlpe you were setting the verical alignment to bottom however the description are center. Both center and bottom for the vertical alignment works well for me.
I would suggest that you test the code using a new document to see whether the issue is realtive to the specific document. Here is the test code in VBA for your reference:
Sub test()
Dim WA As New Word.Application
WA.Visible = True
Dim WD As Word.Document
Dim WS As Word.Selection
Dim model_address, mes_extenso, texto, texto_ref, pic_address As String
'model_address = Application.StartupPath & "\GTMS_MDL.docx"
model_address = "C:\doc1.docx"
'pic_address = Word.Application.StartupPath & "\PIC\TABELA01.png"
Set WD = WA.Documents.Open(model_address, ReadOnly:=True)
Set WS = WA.Selection
Dim WT1 As Word.Table
Dim WR1 As Word.Range
Dim lin_wt1, lin_wt2, lin_wt3 As Integer
lin_wt1 = 3
Set WT1 = WD.Tables.Add(WA.Selection.Range, lin_wt1 + 2, 5)
With WT1.Range
.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphCenter
.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalCenter
.Rows.Shading.BackgroundPatternColor = Word.WdColor.wdColorAqua
.Rows(1).Shading.BackgroundPatternColor = Word.WdColor.wdColorBlueGray
.Rows.Borders.OutsideLineStyle = Word.WdLineStyle.wdLineStyleSingle
.Columns.Borders.InsideLineStyle = Word.WdLineStyle.wdLineStyleSingle
.Font.Bold = True
.Font.ColorIndex = Word.WdColorIndex.wdWhite
.Rows.Height = 8
.Columns(1).Width = 30
.Columns(2).Width = 350
.Columns(3).Width = 40
.Columns(4).Width = 50
.Columns(5).Width = 50
.Font.Size = 7
End With
WT1.Range.Text = ""
WT1.Cell(1, 1).Range.Text = "ITEM"
WT1.Cell(1, 2).Range.Text = "DESCRI??O"
WT1.Cell(1, 3).Range.Text = "QTD."
WT1.Cell(1, 4).Range.Text = "UNIT."
WT1.Cell(1, 5).Range.Text = "SUBTOTAL"
For i = 0 To lin_wt1
WT1.Cell(i + 1, 2).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphLeft
Next
For i = 0 To lin_wt1 - 1
WT1.Cell(i + 2, 1).Range.Text = i + 1
WT1.Cell(i + 2, 2).Range.Text = "a" 'DGV1.Rows(i).Cells(2).Value
WT1.Cell(i + 2, 3).Range.Text = "b" 'DGV1.Rows(i).Cells(3).Value
WT1.Cell(i + 2, 4).Range.Text = "c" 'DGV1.Rows(i).Cells(4).Value
WT1.Rows(i + 2).Range.Font.ColorIndex = Word.WdColorIndex.wdBlack
WT1.Rows(i + 2).Range.Font.Bold = False
Next
WT1.Cell(lin_wt1 + 2, 1).Merge WT1.Cell(lin_wt1 + 2, 2)
WT1.Cell(lin_wt1 + 2, 2).Merge WT1.Cell(lin_wt1 + 2, 4)
WT1.Cell(lin_wt1 + 2, 1).Range.Text = "TOTAL GERAL"
WT1.Rows(lin_wt1 + 2).Range.Font.ColorIndex = Word.WdColorIndex.wdDarkRed
WT1.Rows(lin_wt1 + 2).Range.Font.Size = 10
WT1.Cell(lin_wt1 + 2, 1).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphLeft
WT1.Cell(lin_wt1 + 2, 2).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphCenter
WT1.Cell(lin_wt1 + 2, 2).Range.Text = FormatCurrency(12560, 2)
WA.Visible = True
Set WA = Nothing
Set WD = Nothing
Set WS = Nothing
End Sub
Hope it is helpful.
Regards & Fei
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

How to align a String value to the right side inside a table column?

Hi,
I have a text view inside a table column which is mapped to a string attribute. I need to align the text in the text view to the right hand inside the table column. But its always getting aligned towards the left side. I have tried by setting the <b>hAlign</b> property of Element properties of Text View to <b>right / forced right</b> but still the text is getting aligned to the left side.
How do I align the String values in Text View towards the right hand side inside a Table Column?
Thanks and Regards,
Sayan Ghosh

Hello Sayan,
if i do get it right, you are adding an TextView element to a Table Cell. Then you should consider setting aligment within the particular cell. By calling:
YourCell.setHorizontalAlignment(CellHAlign.RIGHT)
regards.
mz

Alignment on a specific character in an af:table column

Hello,
I have an af:table with columns containing vehicle kilometer counter, average speeds, running hours... These values may contain décimals, but not always. And I would like these values to be aligned on the decimal separator (. or ,) in the table column. Could you tell me how to do this?
The only solution I have found now is using text-align=right and using minFractionDigits/maxFractionDigits. Working, but not very attractive...
Thank you for your help
Stephane

The approach used by you - seems to be fine for me.
1) For aligning the text to the right, you would need to use the text-align:right as an inlineStyle property for the column.
2) For formatting of numbers, you can use the specify the pattern directly-
<af:column sortProperty="Salary" sortable="false"
headerText="#{bindings.Employees.hints.Salary.label}"
id="resId1c8" inlineStyle="text-align:right">
<af:outputText value="#{row.Salary}" id="ot8">
<af:convertNumber groupingUsed="true" pattern="###,###,###.000"/>
</af:outputText>
</af:column>
Thanks,
Navaneeth

Can table cell vertical alignment be defined via CSS?

In a table cell (ie, "td") is there a way to define "valign" via CSS, instead of the table cell proper?
In other words, instead of...
<table>
<tr>
<td valign="top">
...is it possible to do :
<table>
<tr>
<td class="top">
...and somehow let the stylesheet define the vertical alignment?
I'm asking because none of the attribute presets in Dreamweaver CS4 seem to provide for vertical alignment. Everything else on God's green earth seems to be there, but table cell vertical alignment seems to be the ONLY thing CSS forgot about.

How about giving the class "top": text-align:center. Or even the tag "td" in your stylesheet. Does that help?
John

Vertical Alignment in table columns

Similar Messages

Maybe you are looking for