Adf skin, table's row hover

Hi,
I'm having confussion with adf-skinning.
Can i put hover effect so everytime user hovering a row of a table it will change the row's background color?
What class should I use in my css?
I've tried with af|table::data-row:highlighted, af|table::data-row:hover..
If there is anyone knows the link where I can dowload an adf-skin template then it also be very helpful to me..
Best Regards.

Hi,
I found this in the forum. Does it work for you?
Re: Comment on Frank's blog adding hover effect to table
af|table::content TR:hover { background-color: InfoBackground ; }
af|table::content TR:hover TD { background-color: transparent ; }
regards
Peter

Similar Messages

Populate ADF Rich Table taking data from two tables of database

Hi,
Can anyone please guide me as to how I can populate ADF Rich Table taking data from two tables A and B of a database.
The condition is
I want to fetch row 1 from table A and populate into ADF Rich Table at row 1
then
I want to fetch row 1 from table B and populate into ADF Rich Table at row 2
and so on....
Many thanks for your help..
Regards,
Rohit

The better place where you will learn:
http://download.oracle.com/docs/cd/E12839_01/web.1111/b31974/bcquerying.htm

ADF Issue with Tree Table , Child Row not getting rendered.

Hi All,
I am trying to show a single Level Master-Detail Table via ADF Tree Table.
I have MasterVO : InventoryVO (1 SubInventoryCode)
DetailVO: SubInventoryVO (n :SubInventoryCode)
Both VOs are SQL query based VO with bindVariables.
I have a viewLink between MasterVO and ChildVO (1:n relationship)
I dragged and drop the MasterVO as a tree Table. I added the Rule in the Tree Binding too.
I have the Tree table under a Tab , I execute the AM impl method when the Tab is clicked where I set the bindvariables of the MasterVO and ChildVO and execute it.
when I run the Page , the VO query gets executed but the I am able to see only the MasterVO Datas, and when I click MasterVO ROW , the Table doesnt expand and it doesnt render any ChildVO ROws.
Please find the Page Definition and Jspx Page Code Below
Page Definition Code
<tree IterBinding="ItemsLocatorIterator" id="ItemsLocator">
      <nodeDefinition DefName="xxplp.oracle.adf.items.model.view.ItemsLocatorVO"
                      Name="ItemsLocator0">
        <AttrNames>
          <Item Value="SubinventoryCode"/>
          <Item Value="Openorderqty"/>
          <Item Value="Openwoqty"/>
          <Item Value="Qoh"/>
        </AttrNames>
        <Accessors>
          <Item Value="ItemSubInventoryVO"/>
        </Accessors>
      </nodeDefinition>
      <nodeDefinition DefName="xxplp.oracle.adf.items.model.view.ItemSubInventoryVO"
                      Name="ItemsLocator1">
        <AttrNames>
          <Item Value="Locator"/>
        </AttrNames>
      </nodeDefinition>
    </tree>Jspx Page Code
<af:treeTable value="#{bindings.ItemsLocator.treeModel}"
                                      var="node"
                                      selectionListener="#{bindings.ItemsLocator.treeModel.makeCurrent}"
                                      rowSelection="single" id="tt2"
                                      styleClass="AFStretchWidth"
                                      rowDisclosureListener="#{backingBeanScope.TabListenerBean.LocationTableRowDisclosureListener}">
                          <f:facet name="nodeStamp">
                            <af:column id="c110">
                              <af:outputText value="#{node.SubinventoryCode}" id="ot116"/>
                            </af:column>
                          </f:facet>
                          <f:facet name="pathStamp">
                            <af:outputText value="#{node}" id="ot117"/>
                          </f:facet>
                          <af:column id="c111"
                                     headerText="#{bindings.ItemsLocator.hints.Qoh.label}">
                            <af:outputText value="#{node.Qoh}" id="ot118"/>
                          </af:column>
                          <af:column id="column1"
                                     headerText="#{bindings.ItemsLocator.hints.Openorderqty.label}">
                            <af:outputText value="#{node.Openorderqty}"
                                           id="outputText1"/>
                          </af:column>
                          <af:column id="column2"
                                     headerText="#{bindings.ItemsLocator.hints.Openwoqty.label}">
                            <af:outputText value="#{node.Openwoqty}"
                                           id="outputText2"/>
                          </af:column>
                          <af:column id="column3"
                                     headerText="Locator">
                            <af:outputText value="#{node.Locator}"
                                           id="outputText3"/>
                          </af:column>
                        </af:treeTable>

I was able to find the issue which is causing the problem, both the VOs are SQL Query Based VOs.
The ChildVO (SubInventoryVO) is has a bindvariable in its Query, which is losing its value when the viewlink accessor query gets appended to it.
Please find the query below
SELECT * FROM (SELECT MOTV.ORGANIZATION_CODE, MOTV.SUBINVENTORY_CODE
FROM MTL_ONHAND_TOTAL_V MOTV
WHERE INVENTORY_ITEM_ID = :P_INVENTORY_ITEM_ID) QRSLT WHERE ORGANIZATION_CODE = :Bind_OrganizationCode Though I am setting the VO query before the Table is rendered, ":P_INVENTORY_ITEM_ID".
Its Losing its value, when the above whereclause "ORGANIZATION_CODE = :Bind_OrganizationCode " gets appended to it.
I am thinking to use ExecuteWithParams Operation on SelectionListener method of the Tree Table to set the ":P_INVENTORY_ITEM_ID" bind variable, but I also want the viewLinkAccessor rule also to be applied ..
Please suggest me how to retain the implicit bindVariable of the Query.

How to select rows in adf faces table

Hi guys
im new to adf faces .I created a adf faces table with some data.My task is to select one row and if i click tht row, the data of tht row will be displayed in an input text fileds.How can i select a row in a adf faces table and give actions to rows...i read so many tutorials...none of them didnt give a correct idea....plz help me...
thanks in advance..
rajiv

You're here in the Sun JSF forum, not in the Oracle JSF forum.
Try here: JDeveloper and ADF
If the ADF datatable is technically comparable with the RI datatable, check http://balusc.xs4all.nl/srv/dev-jep-dat.html to get some insights how to retrieve the selected row object.

ADF Faces Table with a Total row calculated?

Hi there OTN Community:
I have another doubt.
I have an EJB dataControl, and i use one of his collections to display the data in an ADF Faces Table. One of the columns of the Adf Faces Table is numeric, And i have to display the Total of that Column.
I only shows 10 rows per screen, but i need to show the total of all the rows.
How i can calculate it?

Mmmmm..... You're right!...I will try that.
Thanx :)
Hey, and....You know? i was thinking, maybe i can get the iterator and then capture each object of the iterator to compute the total. That is a crazy idea?, its possible?, its not recommended? or its ok too? :P
Thanx in advance.
Dany

Does ADF pivot table in JDeveloper 11.1.1.2.0 have a maximum number of rows

Does ADF pivot table in JDeveloper 11.1.1.2.0 have a maximum number of rows that can be fetched from the database?

mmurmeli,
Seems then that you've identified how to allow more rows (increase the heap space) ;)
Hard physical limits aside, there is a practical limit to how much information a single human mind can absorb.
John

ADF Editable Table : CANNOT Insert Multi Rows , Please hellppppssss

Hi All,
Our customer requirement is being able to insert Multi Rows in an Editable Table and submit ALL of them with just one Click ?
Is it Really Possible ?
I have tried, even I can insert three Empty Rows and Fill them all with values, when I press Submit ONLY one row will be submitted, the other TWO will become BLANK again, is this my code is wrong ?
Or this is limitation of ADF Editable Table ?
Here is my codes, I have tried two ways, all same problem :
(1) public String create_action() {
BindingContainer bindings = getBindings();
OperationBinding operationBinding =
bindings.getOperationBinding("Create");
Object result = operationBinding.execute();
if (!operationBinding.getErrors().isEmpty()) {
return null;
return null;
public String myCreate_action() {
create_action();
create_action();
create_action();
return null;
(2) public String createMultiRows() {
DCBindingContainer dcbc = (DCBindingContainer)getBindings();
//get iterator binding
DCIteratorBinding ib = (DCIteratorBinding)dcbc.get("DeptView1Iterator");
// get viewobject
ViewObject vo = ib.getViewObject();
System.out.println(vo.getCurrentRowIndex());
vo.clearCache();
int currentRowIndex = vo.getRowCount() -1;
Row row1 = vo.createRow();
row1.setNewRowState(Row.STATUS_NEW);
vo.insertRowAtRangeIndex(++currentRowIndex, row1);
Row row2 = vo.createRow();
row2.setNewRowState(Row.STATUS_NEW);
vo.insertRow(row2);
Row row3 = vo.createRow();
row3.setNewRowState(Row.STATUS_NEW);
vo.insertRow(row3);
return null;
Please help... I am stuck ...
Thank you very much,
xtanto

Xtanto,
Could you try changing
bindings.getOperationBinding("Create");to
bindings.getOperationBinding("CreateInsert");in your first example to see if it fixes your problem?
Regards,
John

ADF Skinning: Globally

Hi,
I am wondering how do i achieve global css effect on all buttonComponent ( all kinds of buttons even toolbarbuttons) , and also i wanted to change the selection color on all the selectable components, like row on table selection, navigation, buttons, all of the selection color which is blue to orange ....
Please, can you guide me... i was completely lost on the skinning document, i am very new to this part of adf.
jdev :11.1.1.3.0
Thanks

The ADF Skin Editor can help you identify the color that is bein inherited by all such components.
This demo might help:
https://blogs.oracle.com/shay/entry/adf_faces_skin_editor_how

How to update ADF VO object to refresh the data in ADF Pivot table

I need to know how to update the View object so that the date in pivot table is refreshed/updated/filtered.
here are the steps I performed to create ADF pivot table application using VO at design time.
1) created a collection in a Data Control (ViewObject in an ApplicationModule) that provides the values I wanted to use for row and column labels as well the cell values (Used the SQL query)
2) Dragged this collection to the page in which wanted to create the pivot table
3) In the pivot table data binding editor specified the characteristics of the rows (which attribute(s) should be displayed in header), the columns (likewise) and the cells.
Now, I have a requirement to update/filter the data in pivot table on click of check box and my question is how to I update the View object so that the date in pivot table is refreshed/updated/filtered.
I have got this solution from one of the contact in which a WHERE clause on an underlying VO is updated based upon input from a Slider control. In essence, the value of the control is sent to a backing bean, and then the backing bean uses this input to call the "filterVO" method on the corresponding AppModule:
but, I'm getting "operationBinding" object as NULL in following code. Please let me know what's wrong.
here is the code
Our slider component will look like
<af:selectBooleanCheckbox label="Unit" value="#{PivotTableBean.dataValue}"
autoSubmit="true" />
The setDataValue() method in the backing bean will get a handle to AM and will execute the "filterVO" method in that, which takes the NumberRange as the input parameter.
public void setDataValue(boolean value) {
DataValue = value;
BindingContainer bindings = getBindings();
OperationBinding operationBinding = (OperationBinding)bindings.getOperationBinding("filterVO");
Object result = operationBinding.execute();
The filterVO method in the AMImpl.java will get the true or false and set the where Clause for the VO query to show values.
public void filterVO(boolean value) {
if (value != null) {
ViewObjectImpl ibVO = getVO1();
ibVO.setWhereClause("PRODUCT_TOTAL_REVENUE(+) where rownum < 10");
ibVO.executeQuery();
}

Did you define a filterVO action in your pagedef.xml file?
You might want to read on how to access service method from a JSF Web Application in the ADF Developer Guide for 10.1.3 chapter 8.5

URGENT: ADF Faces table updating issue.

I have a project that uses JSF, ADF Faces, EJB 3.0, and the ADF binding framework.
In this project, I have a page with a databound ADF Faces Table. The table has a number of read-only columns and two read-write columns. I also have an Edit button that allows the user to pop up a dialog box to edit the selected row of the table. When the user clicks OK in the dialog box, the data is passed back to the main page and the table is updated.
Everything works correctly for the read-only columns. For the read-write columns, however, the table data does not get updated following an edit. This is what I have found:
1. The table row data gets passed in to the Edit dialog correctly.
2. The data gets passed back correctly.
3. The model gets updated correctly (up to and including the database).
4. Looking at the iterator in the debugger shows the correct, updated data.
5. When the table row is getting redrawn, the getter calls for the read-write columns return the updated data.
6. As mentioned above, the read-only columns get updated correctly.
7. Updating the read-write columns directly from the table works correctly.
So, the problem appears to be in the GUI layer. I suspect that, somehow, the submitted values of the read-write columns are not getting set properly, but I cannot figure out how to do this.
Note that clicking on the Edit button results in a partial submit. In the return listener, I add a call to AdfFacesContext.getCurrentInstance().addPartialTarget(getRecipientTable()) in order to redraw the table (getRecipientTable() is the bound value of the ADF table).
Please help! We are so close to production and we need to fix this.
Thanks,
Ara

Hi,
I don't have a testcase for this, so I just come up with ideas to try
1. refresh the parent container of the table. It seems that the input text components are not triggered to refresh if the refresh is on the table.
2. If using ADF, make sure the update is performed directly on theiterator (which automatically is the case if you use a ADF bound form for this)
3. Check if executing the table iterator and then setting back the current row makes a difference
Frank

An extra column of a query in an ADF Faces Table?

Hi to all OTN Community...
I use ADF Faces, Toplink and EJB 3.0 in JDevelooper 10.1.3.1.0, and i have a question...
I need to show in an adf faces table, the result of a query like this
SELECT COLUMN1, COLUMN2, COUNT(*)
FROM TABLEX
GROUP BY COLUMN1, COLUMN2
I do this query in the TableX named queryes...and then i have acces to this named query in the dataControl, but, when i drag and drop the dataControl to a jsf page, this only shows the columns of the tableX. Then, i want to know, ¿How can i show the count(*) column in the page in a dataControl?
PD: i want to show in the adf faces table the same result if i execute that query in an sql client.
Thanx in advance...
Darklorddany

Darklorddany,
The solution to this is to add an additional method on your EJB 3.0 session-bean that exposes an dynamic TopLink report (projection) query.
The TopLink code within the method would leverage your existing TopLink mappings to do the query like:
        ReportQuery rq = new ReportQuery(Employee.class, new ExpressionBuilder());
        rq.addAttribute("firstName");
        rq.addAttribute("lastName");
        rq.addCount();
        rq.addGrouping("firstName");
        rq.addGrouping("lastName");
        List<ReportQueryResult> results = (List<ReportQueryResult>)session.executeQuery(rq);The ReportQueryResult objects are very generic map/row type containers that will not work well in your ADF binding layer. With JPA you can specify and ad-hoc Java class to contain such projection results that make them a little easier to use in clients. This functionality will be available in the next release of TopLink. Until then you will need to write some code to convert to your own result class for this query.
In my case I'll create a simple POJO like:
    public class EmployeeNameCount {
        private String firstName;
        private String lastName;
        private int count;
        public EmployeeNameCount(String firstName, String lastName, int count) {
            this.firstName = firstName;
            this.lastName = lastName;
            this.count = count;
        public String getFirstName() {
            return this.firstName;
        public String getLastName() {
            return this.lastName;
        public int getCount() {
            return this.count;
    }Now I combine the previous report query code into an EJB 3.0 session bean method:
    @TransactionAttribute(TransactionAttributeType.SUPPORTS)
    public List<EmployeeNameCount> findEmployeeNamesWithCount() {
        Session session = getSessionFactory().acquireSession();
        ReportQuery rq = new ReportQuery(Employee.class, new ExpressionBuilder());
        rq.addAttribute("firstName");
        rq.addAttribute("lastName");
        rq.addCount();
        rq.addGrouping("firstName");
        rq.addGrouping("lastName");
        List<ReportQueryResult> results = (List<ReportQueryResult>)session.executeQuery(rq);
        session.release();
        List<EmployeeNameCount> empNameCounts = new ArrayList<EmployeeNameCount>(results.size());
        for (ReportQueryResult rqr: results) {
            String fname = (String)rqr.getByIndex(0);
            String lname = (String)rqr.getByIndex(1);
            int count = ((Number) rqr.getByIndex(2)).intValue();
            empNameCounts.add(new EmployeeNameCount(fname, lname, count));
        return empNameCounts;
    }You will also need to make sure the method exists on your EJB 3.0 session bean's interface as well. Then regenerate the data control for your session bean and you should have access to drag and drop this query with its results into your JSF pages.
As mentioned this use case will be much simpler and declarative in the next release.
Doug

Read only af:table first row select and focus on form load

I use a read only af:table in my page. When my page loads and I click on my table, then I can use up / down arrow keys to navigate in my table's rows. But if I don't click on the table, I can't navigate in my table's rpws.
What can do in my page to give the first focus to my table's first row and navigate in my rows without using mouse clicks....
findElementById function in javascript does not work in jdeveloper 11...
Do you help me for this?
Thanks..

Hi,
actually findElementById does work, but you should use the ADF client side framework for this. Add a clientListener to the component that intercepts the keyboard usage and make it callin the next record on the table.
I'll take a note for a how-to to put on my blog as I don't have the code ready. However, its possible this way
Frank

ADF editable table issue

Hi, I drag and drop an expert mode updatable VO to create an ADF editable table with inputText components associated with the table columns. This table is also binded to a CoreTable object inside the backing bean of the page. I also have a "Save" button which has actionLister binded to the backing bean to handle the saving for user's input data.
Basically, I have 2 rows and 2 columns for the editable table. I entered "ABC" for the first row and first column and entered "DEF" for the second row and first column like the following:
| Column 1 | Column 2 |
| ABC | |
| DEF | |
In the backing bean's saveChanges method, I do:
public void saveChanges(ActionEvent actionEvent) {
int rowCount = this.testCaseTable.getRowCount();
for (int i=0; i<rowCount; i++) {
JUCtrlValueBindingRef rowDef = (JUCtrlValueBindingRef)this.testCaseTable.getRowData(i);
TestCaseRowImpl row = (TestCaseRowImpl )rowDef.getRow();
System.out.println("Column1 Data: "+row.getColumn1());
System.out.println("Column2 Data: "+row.getColumn2());
I am expecting to get "ABC" for the first row column1 data and "DEF" for the second row column1 data. However, the actual result is both "DEF" (the last entered value) for both the first and second row column1 data.
What can be the potential issues of my codes? How can I get the correct user input data?
Thanks.

Hi
You can obtain this data from iterator:
DCBindingContainer bc = getBindings()
DCIteratorBinding iter = bc.get("YourIteratorNameIterator");
while(iter.hasNext()){
Row row = iter.next()
System.out.println("Column1 Data: "+row.getAttribute("Column1"));
System.out.println("Column2 Data: "+row.getColumn2("Column2"));
Kuba

ADF Faces table with checkboxes

Hi,
My dev env: jdev 11.1.1.2.0
I like to implement something like yahoo mail, with a checkbox at the column header. If selected,
all rows will be selected. I assume Yahoo's email is using javascript. How do I achieve the same
thing here with adf faces table? Is there any tutorial I could reference.
Thanks in advance!
Edited by: user1145549 on Jul 13, 2010 8:18 AM

Hi,
U can also check this too.... it very simple approach to Implement Check box
http://theo.vanarem.nl/2010/07/07/adf-checkbox-representing-a-yes-or-no-value/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+orana+(OraNA)&utm_content=Netvibes
Regards,
Suganth.G

Pivot table alternating row colors

Hello,
In ADF 11g, is it possible to format a pivot table so row colors will alternate? 1st row gray, second row white, 3rd row gray and so on..
Can i determine which row is a DataCellContext object in ?
Thanks.

Any ideas ? I still could not find a way to give alternate row colors to a pivot table.

Adf skin, table's row hover

Similar Messages

Maybe you are looking for