Adf table header borders

Hello,
I have been given responsibility for a number applications developed using JDeveloper and run within a standalone OC4J. I'm also relatively new to the tools as well. The original developer has left the company so I'm on my own.
There is a jsp that displays a number of columns. It also has tableSelectOne facet. The column header has a very faint box around it. The other columns (except one) has a noticable box around it. The exception column header has the same faint box-like border that the Select column has.
I can't for the life of me figure out how to control the border for the column headers. inlineStyle with border-width, border-style, outline-width, nothing works.
Any help or pointers you have will be most appreciated.
Thanks,
Bill

You can put an af:outputText inside the header facet of the af:column component, should look like this:
<af:column width="65" align="center" sortable="true" sortProperty="service" id="bcstr1" headerClass="tableHeader">
<f:facet name="header">
<af:outputText value="Service" shortDesc="Service Names that we provided"/>
</f:facet>
</af:column>AP

Similar Messages

Customising ADF table

Hi everyone,
is it possible to move/replace the first few columns of an ADF read-only table with the next few columns on clicking a icon/link/command button. And the icon/link/command button be placed in the column header of ADF table. i am looking to achieve carousel kind of feature for ADF table where first 10 columns get replaced with the next 10 columns.
i want to achieve the columns of adf table to move to and fro on click of icon/link that is placed in the 2nd and last column of ADF table Header.
i have referred to the below link but it wasn't as helpful, but it gave some idea-
http://www.ateam-oracle.com/adventures-in-webcenter-skinning-aftable-with-custom-pagination/
Thanks,
Manjunath

Pagination won't help you as it is used to load more rows and not columns.
What is your jdev version?
What comes to mind is to use a panel collection where you put your table into.The panel collection allows you to show and hide columns of a table. Using you two buttons you hide the currently shown columns and show the next columns.
Timo

How to Merge ADF Table Column Header in ADF Table ?

Hi All,
We need to have ADF Table Column header to be "Merged",
e.g :
There are two columns Header : | Qty (Case) | Qty (Pack) |,
can we customize it to display like this :
| ----- Qty -------|
| Case | Pack |
where there are two rows in column header, the first one is "Merged".
How can we do that ?
Thank you very much,
xtanto

Hi Kelly,
Thank you for your reply,
Using Column Faced, Header I can format the header of one column Only.
My requirement is to Merge header of two colums :
| ----- Qty -------|
| Case | Pack |
'Case' &'Pack' is two different column, so I need to add one row on the header of the two colums, then 'merge' them, and add the word '----Qty----'.
Is it possible ?
Thank you,
xtanto

ADF Table - Column Header Icon support

Do we have icon support for column header for ADF Table?
I am looking for image added to the column header as in
http://img196.imageshack.us/img196/4562/tablesample.png
Thanks in advance,
Navaneeth

Hi Navaneeth,
I actually never tried but maybe this does the trick
af|column::column-header-cell
icon: url("images/<your-image>");
[\code]
Might work.
Regards

Command button inside header column in ADF table

Hi all,
I want to insert two command buttons inside the header column of an ADF table.
In my mind these buttons should replace the two default buttons (small triangles) to sort the column in ascending order or descending order.
Do you know any solution ?? Because it is 2 days that i am trying , but no way .
Thanks in advance
Stefano

Use as mentioned below:
<af:table value="#{bindings.AllEmployees.collectionModel}" var="row"
rows="#{bindings.AllEmployees.rangeSize}"
emptyText="#{bindings.AllEmployees.viewable ? 'No data to display.' : 'Access Denied.'}"
fetchSize="#{bindings.AllEmployees.rangeSize}" rowBandingInterval="0"
selectedRowKeys="#{bindings.AllEmployees.collectionModel.selectedRow}"
selectionListener="#{bindings.AllEmployees.collectionModel.makeCurrent}" rowSelection="single"
id="t1">
<af:column sortProperty="#{bindings.AllEmployees.hints.EmployeeId.name}" sortable="true"
headerText="#{bindings.AllEmployees.hints.EmployeeId.label}" id="c1">
<af:outputText value="#{row.EmployeeId}" id="ot1">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.AllEmployees.hints.EmployeeId.format}"/>
</af:outputText>
</af:column>
*<af:column id="c2">*
*<f:facet name="header">*
*<af:group id="g1">*
*<af:panelGroupLayout id="pgl1" layout="horizontal">*
*<af:commandButton text="Ascending" id="cb1" icon="" iconPosition="trailing"/>*
*<af:commandButton text="Descending" id="cb2" icon="" iconPosition="trailing"/>*
*</af:panelGroupLayout>*
*</af:group>*
*</f:facet>*
*<af:outputText value="#{row.FirstName}" id="ot2"/>*
*</af:column>*
</af:table>
Thanks,
Navaneeth

Unable to capture the adf table column sort icons using open script tool

Hi All,
I am new to OATS and I am trying to create script for testing ADF application using open script tool. I face issues in recording two events.
1. I am unable to record the event of clicking adf table column sort icons that exist on the column header. I tried to use the capture tool, but that couldn't help me.
2. The second issue is I am unable to capture the panel header text. The component can be identified but I was not able to identify the supporting attribute for the header text.

Hi keerthi,
1. I have pasted the code for the first issue
web
                         .button(
                                   122,
                                   "/web:window[@index='0' or @title='Manage Network Targets - Oracle Communications Order and Service Management - Order and Service Management']/web:document[@index='0' or @name='1824fhkchs_6']/web:form[@id='pt1:_UISform1' or @name='pt1:_UISform1' or @index='0']/web:button[@id='pt1:MA:0:n1:1:pt1:qryId1::search' or @value='Search' or @index='3']")
                         .click();
                    adf
                    .table(
                              "/web:window[@index='0' or @title='Manage Network Targets - Oracle Communications Order and Service Management - Order and Service Management']/web:document[@index='0' or @name='1c9nk1ryzv_6']/web:ADFTable[@absoluteLocator='pt1:MA:n1:pt1:pnlcltn:resId1']")
                    .columnSort("Ascending", "Name" );
     }

Jdev 11.1.1.5 R1 How To Get Row Data From ADF Table

Hi everyone,
I have an ADF Table Populated with dummy data (for now). Below the Table there is an InputText field.
What I need to do is have the body of the message show up in the InputText field when the user clicks on a message in the inbox(Table).
I've been trying to figure this out for quite some time now, unsuccessfully of course. Hopefully you guys can help me change that.
I do consider myself a beginner still, so please be as clear and specific as possible.
Thanks in advance!
Here is the code I have for the Table/InputText and Backing Beans
<tr>
<td>
<af:table value="#{TableBean.messageAll}" var="message"
rows="5"
inlineStyle="color:Navy; border-style:outset; border-color:Background; border-width:thick; font-size:small; text-align:center; vertical-align:middle; height:135.0px;"
width="610" rowBandingInterval="0" id="t1"
rowSelection="single"
selectionListener="#{TableBean.messageSelected}"
immediate="true" summary="Message Inbox"
disableColumnReordering="true"
columnSelection="none"
columnResizing="disabled">
<af:column sortable="false" align="center"
id="chechboxCol" width="25"
minimumWidth="25">
<f:facet name="header">
<h:selectBooleanCheckbox id="selectAll"
onclick="selectAll();"></h:selectBooleanCheckbox>
</f:facet>
<h:selectBooleanCheckbox id="selectMessage"
value="#{message.selected}"
immediate="true"></h:selectBooleanCheckbox>
</af:column>
<af:column id="urgentCol" width="25" align="center"
minimumWidth="25">
<f:facet name="header">
<h:outputText id="urgentHeader">
<img src="urgent.gif" height="14"
width="14" alt="Urgent Icon"/>
</h:outputText>
</f:facet>
</af:column>
<af:column sortable="true" headerText="From"
align="start" id="fromCol" width="175"
minimumWidth="175">
<af:outputText value="#{message.from}"
id="ot1"/>
</af:column>
<af:column sortable="true" headerText="Subject"
align="start" id="subjectCol" width="175"
minimumWidth="175">
<af:outputText value="#{message.subject}"
id="ot2"/>
</af:column>
<af:column sortable="true" headerText="Type"
align="start" id="c5" width="100"
minimumWidth="100">
<af:outputText value="#{message.type}"
id="ot3"/>
</af:column>
<af:column sortable="true"
headerText="Date Received" align="start"
id="c6" width="80" minimumWidth="80">
<af:outputText value="#{message.date}"
id="ot4"/>
</af:column>
<af:column sortable="true" headerText="Body"
rendered="false" align="start" id="c7"
width="100" minimumWidth="100">
<af:outputText value="#{message.body}"
id="ot5"/>
</af:column>
</af:table>
</td>
</tr>
<tr>
<td>
<p>
<af:commandButton text="Print" id="printButton"
inlineStyle="font-size:x-small;"/>
</p>
<af:inputText binding="#{TableBean.textArea}" rows="10"
readOnly="true" partialTriggers="t1"
contentStyle="width:620px;"
inlineStyle="color:Black; outline-color:Background; outline-style:outset;"
id="it1"></af:inputText>
</td>
</tr>
package Backing;
import javax.faces.event.ActionEvent;
import oracle.adf.view.rich.component.rich.input.RichInputText;
import oracle.adf.view.rich.component.rich.output.RichOutputText;
import java.util.List;
import java.util.ArrayList;
import oracle.adf.view.rich.component.rich.data.RichTable;
import org.apache.myfaces.trinidad.event.SelectionEvent;
public class TableBean {
private RichInputText textArea;
private message[] messageAll =
new message[] { new message("Sender 1", "Author 1", "Message 1",
"Alert", "6/21/2011",
"This is the body 1."),
new message("Sender 2", "Author 2", "Message 2",
"Notification", "6/22/2011",
"This is the body 2."),
new message("Sender 3", "Author 3",
"Message 3", "Broadcast", "6/23/2011",
"This is the body 3."),
new message("Sender 4", "Author 4",
"Message 4", "Alert", "6/24/2011",
"This is the body 4."),
new message("Sender 5", "Author 5", "Message 5",
"Notification", "6/25/2011",
"This is the body 5."), };
public message[] getmessageAll() {
return messageAll;
public void messageSelected(SelectionEvent selectionEvent) {
textArea.setValue("Message body should go here.");
public void setTextArea(RichInputText textArea) {
this.textArea = textArea;
public RichInputText getTextArea() {
return textArea;
public class message {
boolean selected;
String from;
String to;
String subject;
String type;
String date;
String body;
public message(String from, String to, String subject, String type,
String date, String body) {
this.from = from;
this.to = to;
this.subject = subject;
this.type = type;
this.date = date;
this.body = body;
public String getFrom() {
return from;
public String getTo() {
return to;
public String getSubject() {
return subject;
public String getType() {
return type;
public String getDate() {
return date;
public String getBody() {
return body;
}

try this code in selection method
RichTable object = (RichTable)selectionEvent.getSource();
Row row = null;
for (Object facesRowKey : object.getSelectedRowKeys()) {
object.setRowKey(facesRowKey);
Object o = object.getRowData();
JUCtrlHierNodeBinding rowData = (JUCtrlHierNodeBinding)o;
row = rowData.getRow();
}

How to change the column name as bold in adf table

Hi,
How can I change the column name with bolder style and blue colour in adf Table?
I changed the color and font weight in af:column properties, but its effecting the data in that column but not with the column Header Text property.(i have given column name in header text).
can any one have any idea how to do this?
and I have taken panel tabbed layout and in that i'm displaying this table.
but this table has scroll beneath of it to show all columns.
but i want to display all columns (for this, page should have scroll at the bottom side).
how can I achieve this???

Hi,
Add the following CSS Code to the custom skin css file that is to be created as per the suggestions above.
*af|column::column-header-cell{*
color:Blue;
font-weight:bold;
This would ensure that all the table column headers are blue in color and bolder font style through-out the application.
By the way, what version of JDeveloper are you using?
Thanks,
Navaneeth

How to align ADF column header text

Hi,
I want to align ADF column header text to center regardless of whether the contents are text (which should be left aligned - done by the "formatType" attribute) or number (which should be right aligned - done by the "formatType" attribute) within a ADF table. the styleclass attributes also doesnt work. can anybody help me pl?
Afi

Hi Afi,
use
<af:column>
<f:facet name="header">
    <af:panelHorizontal halign="center">
      <af:outputText value="#{bindings.DeptView.labels.Dname}"/>
    </af:panelHorizontal>
</f:facet>
<af:inputText value="#{row.Dname}"/>
</af:column>instead of
<af:column headerText="#{bindings.DeptView.labels.Dname}">
<af:inputText value="#{row.Dname}"/>
</af:column>Rado

ADF Table - Command buttons disappear when no rows returned for table

We have a command button that navigates to a create screen, when the table returns no rows the button disappears. We need to have this displayed always and within the ADF table. The code looks like:
<f:facet name="selection">
<af:tableSelectOne text=""
binding="#{Search.tableSelectOne1}"
id="tableSelectOne1">
<af:commandButton actionListener="#
bindings.ExecuteWithParams1.execute}"
text="Edit n"
action="edit"
binding="#{SearchCtgry.commandButton3}"
id="commandButton3">
<af:setActionListener from="#{row.Code}"
to="#{processScope.toCode}"/>
</af:commandButton>
</af:tableSelectOne>
</f:facet>

try placing the command button within the "actions" facet of the table. It will place it above the actual rows of the table. You could also use the "header" facet.
<af:tableSelectOne text=""
binding="#{Search.tableSelectOne1}"
id="tableSelectOne1">
<f:facet name="actions">
<af:commandButton actionListener="#
bindings.ExecuteWithParams1.execute}"
text="Edit n"
action="edit"
binding="#{SearchCtgry.commandButton3}"
id="commandButton3">
<af:setActionListener from="#{row.Code}"
to="#{processScope.toCode}"/>
</af:commandButton>
</f:facet>
</af:tableSelectOne>

Re: Getting the current selected Row & column in adf table

Hi,
Our requirement is we have to retrieve both the current row and column in adf table.
We can retrieve the current row in the backing bean like
ViewObject view = getViewObject();
view.getCurrentRow();
Is it possible to retrieve selected column id or column header text as we are getting for row?
please give some sample.
Thanks,
Vijay.
Edited by: Vijayakumar Palanisamy on Jun 23, 2011 2:23 AM

Hi John
My exact requirement,
1. We have collection of records in adf table
2. Each cell in the row has commandImageLink (Like adding approver, edit approver, delete etc)
Currently it’s working fine for me in the commandImageLink listener, but the problem is table is refreshed 2 time,
while selecting a record and commandImageLink is clicked, I have to avoid 2 times refreshing,
If it’s possible to identify a particular cell in the row selection, I can avoid the image link listener.
we are using Jdeveloper11.1.1.4.0
Please suggest.
Thanks,
Vijay

How to change control in adf table

Hi
I am using jdev 11.1.2.1.0
I have a view object which have one boolean type transient field and set the control type in UIHints tab to CheckBox.
I create a jsf page and drop the iterator from data control (Created by that view object).
On jsf page the control for transient field is check box and I want to convert it to radio button.
Whenever I am converting this from property window radio button is not displaying on output window.
Please solve the problem and help me out.
Thanks

Hi Sudipto Desmukh
I am not using LOV for that transient field.
I just add a transient field in view object.
Let me explain more about my application that what I want to do.
Actually I am creating a finance approval application
I have 2 tables(header and detail)
On jsf page I take paneltabbed layout which have two tabs one for header and other for detail.
On first tab I drop header table to create adf table.
There is on concept which I want to implement that is row locking.
Means whenever user select any row of header in first tab and press on claim button the associated detail should be display in second tab.
and that particular record should not be display to any other.
To select a particular row in header I am using a transient attribute(Named select type boolean) in header view object.
now I want to display this attribute on jsf as radio button so that user can select only one row to claim.
i.e. if the value of radio button become true ,that particular row is ready to approve by that user.
How should I do the same ?
Please provide the help
Thank you
Edited by: Chandan Srivastava on ११ जून, २०१२ ५:३७ अपराह्न

How to fix the width of sorting column about adf table ?

I develop project with ADF in jdeveloper.
When click on the sorting column header in adf table,it will adjust the width of the sorting column header.It will make page shifting.
How can I do to avoid the adjusting ?
How can I do to fix the width of soting table header?
Any hint will be appreciated.
Thank you!
Message was edited by:
user618145

I have set the column width like this:
in style.css:
/** Column Settings **/
af|column::header-text
background-color:#F0EDE1;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
padding-bottom:3px;
border-color: #B5B5B5;
WIDTH: 120px;
af|column::sortable-header-text
background-color:#F0EDE1;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
padding-bottom:3px;
border-color: #B5B5B5;
WIDTH: 120px;
and in jsp page,write like this:
<af:panelBox text="test" width="1000" background="dark" >
<af:table emptyText="" value="#{ftOverview.listOfTransefersVect}" var="transfers" width="100%" banding="row" bandingInterval="1">
<af:column sortable="true" sortProperty="transactionId" headerText="#{resources['ft_overview.ref']}" formatType="text" width="39"
noWrap="true">
<af:outputText value="#{transfers.transactionId}" escape="false"/>
</af:column>
</af:table>
</af:panelBox>
but it seems doesn't work well.

ADF table skins

I have used jdev 11.1.1.6.0
I have create ADF table , In table header row ,if i drag column header to resize column,it will resize column data only first time, if i refresh column data, column will comes its original size and header remains in resize position. Can i bind column to column header using any skin property.

Hi,
The normal behaviour of af:table is that column header and column always have the same width.
I guess there is something wrong with your table or your existing skinning?
(I can remember very gloomy a similar behaviour but unfortunately I can't remember the root cause. It was at least 2-3 years ago).
Do you use custom skins?
Have you already tried to create a simpel test application with an table to reproduce this issue?
regards
Peter

ADF Tables and 508 Accessibility Complience

How can I apply the 'headers' attribute to individual cells in an ADF table or, as an alternative apply the 'scope' attribute to row and column headers so that my screen reader, currently MS Narrator, will read the contents of each cell?

Yes, I have verified that accessibility-mode is set to 'screenReader' - each row and column is also rendered with a 'select' control. I see that in the generated HTML for the table the scope="col" attribute for each header is being set but not "scope=row" for each row. I've also tried the NVDA screen reader as well - it can 'occasionally' read the contents of each cell using the keyboard arrow keys but it will not read column or row header names - so for large tables a vision impaired user wouldn't know the context for each cell value.
To bring up another point, without the capability of inserting a 'headers' attribute for cell, a table containing multi-layer headings would be impossible for a screen reader to read.
I've also noticed that for single one choice controls the screen reader does not read the label and control widget type until after the select event is generated - usually by pressing the down arrow key. Text entry controls work as expected.

Adf table header borders

Similar Messages

Maybe you are looking for