Highlight Current Row

Apex 4.2
Theme 21
I am able to highlight current form fields using get focus and lose focus dynamic actions.
How do I highlight the current row of a tabular form or updateable report.
I have tried using DA with
JQuery Selector tr[headers="FEE"] (column in my report)
Execute Javascript
$x_RowHighlight(this.triggeringElement,'yellow');
Any help appreciated
Gus

Gus ,
you can look at my demo ... ( the one you aked for in my other discussion)
http://apex.oracle.com/pls/apex/f?p=53793
demo / demo
when i click on on row of the IR , the text of selected row is set to red .
i m sure that you can use it to highlight your row .
Just remember that when you set for example background-color of a cell, the style of the region may hide what you try to change. I m not sure why but if you disable the region class
your modifications will appears.

Similar Messages

Highlight current row on Interactive Report

What is the best way to highlight (or identify) the current row in an Interactive Report?
I’ve created an interactive report, based on a custom SQL query, with a link (on the primary key (id)) to give the user the possibility to select a certain record (that will show some additional regions with detail information). How can I identify (highlight, indicator) the selected row in an Interactive Report?
Many thanks for your help,
John

I wanted the same without using jQuery. Roel's example set me on the right track. To ensure keeping my current row highligthing after using the pagination links I've managed to dynamicly modify the pagination link in the IR using javascript, but I have a little (I hope) problem left.
I've managed to change the pagination link when rendering the page from
<a h ref="javascript:gReport.navigate.paginate('pgR_min_row=16max_rows=15rows_fetched=15')"></a>to
<a h ref=javascript:gReport.navigate.paginate('pgR_min_row=16max_rows=15rows_fetched=15');highLight(this)></a>Unfortunatly my added code does not notice the changes made by the gReport.navigate.paginate code. It does only work when I add an alert (); in my highLight code. This alert will force showing the changes made in the DOM-model by gReport, allowing the highLight function to re-exame the DOM-model and change the pagination link.
Anyone an idea how to overcome this problem ?
Kind regards,
Ralph

Highligh current row not working for classic report in 4.1

Hello experts,
One of our customers is migrating applications from APEX 3.0 to 4.1.
All their applications use classic reports because interactive reports didn't exist in 3.0.
The end users of the applications like the row color changing when they hover there mouse over the rows (highlight current row) and they insist on keeping this "functionality" in the applications.
For some reason, this "functionality" doesn't work anymore after the migration to APEX 4.1.
I thought it was something theme related so I created a new application with a classic report, tried some APEX built-in themes, and with none of them, I manage to get the highlight current row working.
For interactive reports it is not an issue.
Is this an undocumented no-longer-available feature of APEX 4.x or has there changed something which caused this functionality to stop working??
Regards,
Bart

Hi,
I created a service request for this issue, and the support analyst that helped me confirmed that this is a bug:
"I have created the bug :
Bug 13584762 - ROW HIGHLIGHTING NO MORE WORKS IN CLASSIC REPORT IN APEX 4.1
While working on the problem , I have found the following solution in order to make the Row HighLightng work in APEX 4.1
In the apex_4_1.min.js (file located in images\javascript ) , Search for :
function setRowHighlight(a){apex.jQuery("#report_"+a+" .highlight-row").live("hover",function(b)
and replace "hover" by "mouseover mouseout" :
After the modification :
function setRowHighlight(a){apex.jQuery("#report_"+a+" .highlight-row").live("mouseover mouseout",function(b)
A refresh in the browser may be necessary in order to "reload" the file apex_4_1.min.js"
I implemented the suggested workaround and this solved the problem!
HTH,
Matthias Hoys

Can Highligt current row being changed mid-app?

I have a table called PREFERENCES which allows users to set their environment to their preferences. One of the things I would like to set is their Highlight Current row Color. I have created an application level item named F101_HIGHLIGHT. On app startup, I read the database value into this global Application item.
In the report region I have set the highlight current row item to &F101_HIGHLIGHT. . However, I have noticed when the page renders, the page source has &F101_HIGHLIGHT. within quotes as a literal.
Is there any way to use substitution for this feature?
Thank you for your kind help.
--JM

I have a table called PREFERENCES which allows users to set their environment to their preferences. One of the things I would like to set is their Highlight Current row Color. I have created an application level item named F101_HIGHLIGHT. On app startup, I read the database value into this global Application item.
In the report region I have set the highlight current row item to &F101_HIGHLIGHT. . However, I have noticed when the page renders, the page source has &F101_HIGHLIGHT. within quotes as a literal.
Is there any way to use substitution for this feature?
Thank you for your kind help.
--JM

After commit current row is no longer highlighted

JDeveloper 11.1.1.20.
Scenario: a master detail page where master and detail are both ordinary ADF table ( NOT read-only).
If I place the cursor on a master row and do a click the row is highlighted.
If I do a createInsert operation (with a button) a new row is created above the previous mentioned row.
Problem:
If I do a commit after the new row is filled with data sometimes the newly made row is now longer highlighted after the commit.
The newly created row is stil active. This is seen by the fact that if I subsequently creates a new deatil row it is correctly connected to the newly created master row.
And - after the newly created detail row is created the master row is again highligted.
Any ideas?
Best regards
Erik

Hi,
To keep highlight the selected row do some operation in bean ,Get selected row and set that row again after commit
Check
http://jobinesh.blogspot.com/2011/01/declaratively-setting-current-row-key.html

Highlighting currently selected row in a Report-Form page

Hi,
I have a page with Report - Form layout. On the top of the page there is a classical report (not IR). When the user click a row then I display a detail form below it. It would be nice if I could highlight the row the user clicked last time, to indicate to which row the detail data below the report belongs to. Did any body do something similar?
Regards, Tamas

It's relatively simple to achieve this—without JavaScript—using a named column report template and CSS:
http://apex.oracle.com/pls/apex/f?p=34839:27:0
We'll assume a page item (or items) already exists for receiving the master row primary key value(s). In the example this is P27_DEPTNO. Give the master report region a static ID for use in CSS selectors. Here this is department.
If the master primary key value(s) are used as links in the report, then [column link] columns need to be created to replace them in the report attributes.
Create a named column report template as required by your report query, including an HTML ID attribute for the report row element that contains column references to the primary key value(s). Replace column references in the row template for any primary key link columns with the [column link]s created previously. In the example, [column link] (ref #4#) replaces DEPTNO (ref #1#) as we need to reference the original DEPTNO value in the row ID:
Row Template
<tr id="dept-#1#">
<td class="t17data">#4#</td>
<td class="t17data">#2#</td>
<td class="t17data">#3#</td>
</tr>We then just need to use the selected P27_DEPTNO value via substitution in a page HTML Header to create a descendant selector that will apply a highlight to the cells in the currently selected row (along with some others to make it easier to select the row):
CSS
<style type="text/css">
/* Make the whole table cell a link target */
#department td {
padding: 0;
#department td a:link {
display: block;
padding: 2px 8px;
/* Universal Selector sucks */
font-size: 9pt;
/* Highlight the selected row */
#department tr#dept-&P27_DEPTNO. td {
background-color: #eee;
</style>

How to highlight selected row in a region ? ? ?

Hi There!
I have two regions Region1 and Region2. Region2 data is populated when I select a row in Region1.
Now I have Region1 and Region2 data on the same page, but I cant exactly tell which row in Region1 corresponds the data in Region2.
I was thinking of highlighting the row which was selected in Region1. Went through couple of solutions, but wasnt able to implement it.
So was wondering if any one of you know a easy to understand and implement a solution for this problem.
Any help or suggestions is greatly Appreciated.
Thank you
Krishna

Hi krishna,
You can try this
http://roelhartman.blogspot.com/2009/06/highlight-row-in-interactive-report.html
and examples
http://apex.oracle.com/pls/otn/f?p=ROEL:CURROW:763487747488998
http://apex.oracle.com/pls/apex/f?p=34839:27:0
or try solutions from this thread
Highlighting currently selected row in a Report-Form page
hope this will help you
regards,
Chetan
Edited by: Chetan on 24 May, 2010 12:44 PM
Edited by: Chetan on 24 May, 2010 12:45 PM

[i] ??????? Highlight current record, using Java-code ???????[/

Hi,
I have a report for multiple update. This is a very wide report and I like to highlight or set a color for the actual record the user is changing.
The user starts to set a select-flag to Yes on the row he wants to correct. How can I set the current row to highligth or set column color for all columns on current row when select_flag = 'Y'
I prefer to do this without doing a submit. Can a javascript solve this? I'm not so good at java.
Thankful for help!
Regard
Message was edited by:
ew6018

I know YOUR out there :o)
So please help me with this one.
I found a almost similar thread so I just need a java expert to help me with my java function (se the highlight_row() function below):
In the below example they want to highligt current row when using a checkbox, the different for me is that I am using av select item with values 'Y' and 'N'
select
htmldb_item.checkbox(1,empno,'onClick="highlight_row(this,#ROWNUM#);"') chk,
ename, job, sal, comm
from emp
The Javascript function highlight_row() is "stolen" from the page HTML DB generates when it puts the builtin row selector. Put the function in the region header. The function is
<script type="text/javascript">function highlight_row(checkBoxElemement,currentRowNum) { if(checkBoxElemement.checked==true) { for( var j = 0; j < checkBoxElemement.parentNode.parentNode.childNodes.length; j++ ) { if (checkBoxElemement.parentNode.parentNode.childNodes[j].tagName=='TD') { if(rowActive=='Y') { rowStyle[currentRowNum] = rowStyleHover[currentRowNum]; } else { rowStyle[currentRowNum] = checkBoxElemement.parentNode.parentNode.childNodes[j].style.backgroundColor; } checkBoxElemement.parentNode.parentNode.childNodes[j].style.backgroundColor = '#ededd6'; } } rowStyleHover[currentRowNum] = '#ededd6'; } else { for( var j = 0; j < checkBoxElemement.parentNode.parentNode.childNodes.length; j++ ) { if (checkBoxElemement.parentNode.parentNode.childNodes[j].tagName=='TD') { checkBoxElemement.parentNode.parentNode.childNodes[j].style.backgroundColor = rowStyle[currentRowNum]; rowStyleHover[currentRowNum] = rowStyle[currentRowNum]; document.wwv_flow.x02.checked=false; } } }}</script>

How to set text and background color of current row in a adf table?

Hi,
In jdev 11.1.2.3,
How to set text fond and background color of current row in a adf table?
I tried to set Background color in table property, but that is not what i want.
Thanks.

Hi,
We almost had the same requirement, but we just needed to color a specific column.
Here goes the solution to that, you might do the same for your row highlighting
Changes are required in jsff and one method to be added in backing bean
1. JSFF :
<af:column headerText="Amount"
                 id="c4" width="100"
                 inlineStyle="#{backingBeanScope.BackingBean.cellColor}">2. Backing Bean
//searchResultTableVO is Table's VO
public String getCellColor() {
      FacesContext ctx = FacesContext.getCurrentInstance();
      ExpressionFactory ef = ctx.getApplication().getExpressionFactory();
      ValueExpression ve = ef.createValueExpression(ctx.getELContext(), "#{row}", FacesCtrlHierNodeBinding.class);
      FacesCtrlHierNodeBinding node = (FacesCtrlHierNodeBinding)ve.getValue(ctx.getELContext());
      Row row = node.getRow();
    if(row.equals(searchResultTableVO.getCurrentRow())){
//You can add your inline style for font-style too
      return "background-color:Red;";
         return null;
}Hope this is helpful :)
Regards,
Neha..

Highlighting corresponding rows in table with mouseover

I have a requirement where I need to highlight multiple rows that are logically grouped together in a table. I was thinking of accomplishing this by:
1. Add an invisible column to the table.
2. Set the column's StyleClass in the code to some indicator.
3. Add a client listener to the table/row?? of type mouseover to identify the row being hovered over.
4. In Javascript, select all the rows that have the same StyleClass as the row being hovered over and set their background color.
I am having trouble with step #3 because I am unable to add the client listener to a table/row to identify the row that is hovered over. Note that the user is not clicking on the row so I cannot use the "current row".
If there is no way to identify the row, is there any other way to highlight multiple rows on mouseover?
I am using JDeveloper 11.1.1.5.
Thanks.

Hi Frank, I tried adding the clientListener to each cell renderer component but the problem I noticed with that was that the cell components do not always occupy the entire width of the column so the user has to hover over the cell which may be a tiny part of the cell.
I did however find an alternate solution using JQuery. So instead of adding the client listeners to each component, I added a JQuery .hover() function on document load. Below is the javascript that is loaded on the page load.
<af:resource type="javascript">
function initialize()
//the class name that will be looked at in the DOM and highlighted
var classToHighlight = "";
//TODO will need to use .live("hover") if using PPR on the page
$('.columnClass').hover(
function(data)
$($(this).attr('class').split(' ')).each(function()
if (this !== '')
if ( this.indexOf("bgHighlightClass") == 0 )
classToHighlight = this;
$("." + classToHighlight).css('background-color', 'orange');
function(data)
$("." + classToHighlight).css('background-color', 'white');
classToHighlight = "";
</af:resource>
<af:clientListener method="initialize" type="load"/>

Highlighting one row in a table control

Hi All,
Can i highlight one row in a table control. I found some stroke color in the properties for a field in table control. But i am not sure, will it be applied to the entire column or to a particular field.
Anybody aware of this.?
Regards,
Manjunatha.T.S

Hi,
This is not currently available in VC.
Lior

REPORT CURRENT ROW

Hi to all,
Sorry for previous post: i've changed approach, i display the details directly in another region.
thanx
Message was edited by:
Marcello Nocito

Hi,
The Apex does have substitution variable ROW_STATUS that is used in the Report template to highlight the current row.
In order to use it you have to modify your Report Source Query and select the value of 'SELECTED' in the column ROW_STATUS
(Just a quick example - say your page is 200 and you set your required item P200_EMPNO to the required value):
SELECT empno, ename ,
CASE WHEN empno = :P200_EMPNO THEN 'SELECTED' ELSE NULL END
as row_status
FROM emp
What happens upon rendering the page is that Report Template replaces all occurences of row_status='SELECTED' with the value defined in Column Template of the Report Template. E.g.
<td class="yourCSSclassSelected" #ALIGNMENT#>#COLUMN_VALUE#</td>
Open you Report Template and under Column Templates specify(if it is not already there):
for Column Template 1 (which will be used for all rows that does not have the SELECTED status)
<td class="yourCSSnotSelected" #ALIGNMENT#>#COLUMN_VALUE#</td>
Column Template 1 Expression
NVL(UPPER('#ROW_STATUS#'),'x') != 'SELECTED'
for Column Template 2 (which will be used for the row that does have the SELECTED status)
<td class="yourCSSclassSelected" #ALIGNMENT#>#COLUMN_VALUE#</td>
Column Template 2 Expression
NVL(UPPER('#ROW_STATUS#'),'x') = 'SELECTED'
You can modify yourCSSclassSelected in your style sheet to create the desired colour etc.
If you are using standard Apex templates it should be already there so just include something like
CASE WHEN empno = :P200_EMPNO THEN 'SELECTED' ELSE NULL END
as row_status
in your Source Query and check that the currently selected record background color is changed in the case empno = :P200_EMPNO
Hope it helps.
Rado

Problem with Current row of a VO???

I have a Advanced table region in which i add many rows..and i get the data in to it from the lov page (lov mappings).
for each row i add... i have to set a item in main page table region doing some validations the data i get from lov region.
with examples..more detailed..
i have paymentAmount and AllocAmount...i get the payment Amount from LOV...after doing some validation on paymnetAmount i have to set the same value to the AllocAmount.
ARTransactionLine is the VO which contains the above mentioned attributes....and advanced table i mentioned above is based on this VO.
for this purpose im using the following code..
ARTransactionLineVOImpl
vo=(ARTransactionLineVOImpl)findViewObject("ARTransactionLineVO1");
ARTransactionLineVORowImpl TransDetailsVORow = (ARTransactionLineVORowImpl)vo.getCurrentRow();
payment_amount = TransDetailsVORow.getPaymentAmount();/*for this paymentAmount i made a lov mapping..so that currentrow contains the value of paymnetAmount from lov page*/
if(/* some validation*/){
TransDetailsVORow.setAllocAmount(payment_amount);
now when i do this ..for the first row it is working fine...but for the second row it is failing...getCurrentRow() is giving the values of previous row..not the current row...
first of all what does this getCurrentRow return???
help me ...n tell me where i was wrong...

I m sure you have not gone through the tutorials completely.
ARTransactionLineVOImpl vo =(ARTransactionLineVOImpl)findViewObject("ARTransactionLineVO1");
ARTransactionLineVORowImpl TransDetailsVORow = (ARTransactionLineVORowImpl)vo.getCurrentRow();
with this row i am doing the below opeations..
Number x=TransDetailsVORow.getPaymentAmount();
/* some validations*/
TransDetailsVORow.setAllocAmount(x);
Change to
ARTransactionLineVOImpl vo =(ARTransactionLineVOImpl)findViewObject("ARTransactionLineVO1");
ARTransactionLineVORowImpl TransDetailsVORow = (ARTransactionLineVORowImpl)vo.first();
while (TransDetailsVORow!=null)
Number x=TransDetailsVORow.getPaymentAmount();
/* some validations*/
TransDetailsVORow.setAllocAmount(x);
TransDetailsVORow = (ARTransactionLineVORowImpl)vo.next();
Tapash

Maintain the current row position of a table after refresh.

Hi,
I use a poll to refresh tables continuously. when a table is refreshed, the current referring row is reset.
To maintain the current row position after a refresh I use the following poll method.
public void refreshTableT1(PollEvent pollEvent) {
FacesContext fctx = FacesContext.getCurrentInstance();
ValueBinding dcb = fctx.getApplication().createValueBinding("#{bindings}");
DCBindingContainer bindings1 = (DCBindingContainer) dcb.getValue(fctx);
DCIteratorBinding dciter = bindings1.findIteratorBinding("<VOIterator>");
if(dciter!=null){
if(dciter.getCurrentRow()!=null){
Key current_row_key = dciter.getCurrentRow().getKey();
dciter.executeQuery();
if(current_row_key!=null){
try{
dciter.setCurrentRowWithKey(current_row_key.toStringFormat(true));
}catch(Exception ex) {
System.out.println("Exception in current_row_key");
}This works for normal tables well. But when I use it to master-detail tables (pair of tables) it does not.
At the master-detail tables, before the first data fetch, it works well. if we go below the first data fetch, it sets the current row into another position.
how can I overcome this...??
Thanks,
Dinuka.

Hi Mr.Frank,
I have an association in two VOs.
for example: There are 2 tables called Emp and Dept. Every Department has Employees. so there is an association (both tables have a common column). Master table is the Dept table. when you click on one record of the Dept table Detail table will show the details of the employees belongs to that selected department. That's what I referred as master-detail tables. first one is master table; second one is detail table.
When the web page loads all the table data is not fetched from the db (it will depend on the fetch size). when we scroll down the table data fetch happens again and again.
think my data fetch size is 25 rows per time.
Suppose we use mine poll method and think I have clicked on the 20 ^th^ row of table1(master table). then the table2 will display details belongs to selected department. that is OK even after refresh. that works well.
when I go to 30 ^th^ row data fetch will happen (my fetch size = 25)
when I click on the 30 ^th^ row of the table1(master table), table2 will display details belongs to selected department. but after the poll method is called the selected row at the table1 disappears and is set to another position. now the 30 ^th^ row is not in the 30 ^th^ position. but it is the selected row and table2 displays correct details.
I think you have got the problem now. :D
Thanks a lot.
Dinuka.

Need Help :: Current row attribute value returning null

Hi Frds,
I am facing the problem that
Current row attribute value returning null............ even though value is there..... plz.. he
This is the code in PFR
OAApplicationModule am = pageContext.getApplicationModule(webBean);
if (pageContext.getParameter("queryBtn")!= null)
    String pPersonId = pageContext.getParameter("ctrlPersonId");
     String rowReference = pageContext.getParameter(EVENT_SOURCE_ROW_REFERENCE);
     OptionsVORowImpl curRow = (     OptionsVORowImpl) am.findRowByRef(rowReference);
    String dtlsItem = (String)curRow.getFlexValue();   /* this is returning null value */
/* here creating the hashmap and calling the page with the hashmap*/
Thanks & Regards,
jaya
Message was edited by: 9d452cf7-d17f-4d1e-8e0e-b22539ea8810

Hi Jaya,
You want to catch Flexfield values?
Try below code for catch value.
OAApplicationModule am = pageContext.getApplicationModule(webBean);
if (pageContext.getParameter("queryBtn")!= null)
OADescriptiveFlexBean dfb = (OADescriptiveFlexBean)webBean.findChildRecursive("flexDFF"); //get the DFF bean
OAWebBean dffbean = (OAWebBean)dfb.findChildRecursive("flexDFF0"); //get the field that applies to the attribute1 column that is being rendered
OAMessageStyledTextBean Stylebean = (OAMessageStyledTextBean)dffbean;
String dtlsItem = (String)Stylebean.getText(pageContext);
/* here creating the hashmap and calling the page with the hashmap*/
Thanks,
Dilip

Highlight Current Row

Similar Messages

Maybe you are looking for