Row highlighted in red
Hi all,
I have my table with many rows. When I click on the Save Button, I make a check if the data are correct and when I find an error (for exemple when a data is required)I would to show my table with the row containing the wrong data that is highlighted. How can do for to realize it?
Hi,
Correct me if I have understtod your testcase wrong..
Out of 4 rows, 2 are selected and SAVE is clicked, You have error in teh 1st record of selection right..and the error to be shown for this record...Is that right..
In this case...You need to use GET_SELECTED(lt_select) of if_wd_context_node as you will get the selected elements and
loop through them and throw the errors....
Donot use the index of the table and show the errors...
Rater use GET_ELEMENTS of if_wd_context_node in SAVE button handler....
if lt_select is not initial.
loop at lt_select into ls_elements.
ls_elements->get_static_attributes
importing
static_attributes = ls_table.
if ls_table-pernr is initial.
* use report attribute or report element....
elseif ls_table-ename is initial.
endif.
endloop.
else.
loop at lt_elements into ls_elements.
ls_elements->get_static_attributes
importing
static_attributes = ls_table.
if ls_table-pernr is initial.
* use report attribute or report element....
elseif ls_table-ename is initial.
endif.
endloop.
endif.
In this case there is no need to use the index....Now the above code works for both the selection and unselected ones....
as it is common...
Regards,
Lekha.
Similar Messages
-
In Apex 4, if I set a row highlight in an interactive report to be dark blue background with white text, the row gets highlighted correctly, but the key that appeara at the top of the report has dark blue background and black text, making it difficult to read - in apex 3.2 the key reflected the row colouring. Is there a way to change this?
Hi Lance,
This is no problem - pleae check out the user guide first. It contains many practical examples. For example the 5.5 User guide contains an example for this on page 2-43
"Conditionally Highlighting a row". Get the latest user guide, we also add more information.
A very simple way to achieve what you want to have 3 rows - how many colors you want.
Then you put an if statetement (?<if:...?> in the beginning of the first cell of each and the end statement at the end of the last cell (<?end if?>). Then the correct row will be selected for each color.
|<?if:AMOUNT=0?>| COLUMNS WITH WHITE BACKGROUND | LAST <?end if?>|
|<?if:AMOUNT>0?>| COLUMNS WITH RED BACKGROUND | LAST <?end if?>|
|<?if:AMOUNT<0?>| COLUMNS WITH GREEN BACKGROUND | LAST <?end if?>|
Hope this helps,
Klaus -
A pop-up message is frozen on my settings page. I was trying to set up an apple id for iTunes when I got a message "required fields have been left blank. The missing information is highlighted in red." the ok button doesn't work. The message is now fixed & I cannot get rid of it. Ironically, when I found this forum I was able to set up an apple Id. Please advise how to get rid of the pop-up box. Thanks!
I'm having this same problem as well and cannot advance--very irritating. All of the information is filled out correctly and I've editted my AppleID information online separately as well to get around this issue, but no luck...
-
Row highlight does not work when class has a background-clolor
This is more a CSS / javascript question but since the problem occurs in Apex I'll try my luck here.
I try to implement a row highlight feature that worked in 3.2 but not in 4.0. The difference is that the style that is used for the table cells contains a background-color in the 4.0 template and it did not in 3.2.
This is how it works.
I created a report template with "before each row" : <tr onMouseOver="cOn(this);" onMouseOut="cOut(this);">
The javascript does this:
function cOn(td) {
if(document.getElementById||(document.all && !(document.getElementById))) {
if (td.previousSibling != null) {
td.style.backgroundColor="#FFFF99";
td.style.color="#000000";
}My thought was that td.style.backgroundColor="#FFFF99" would overrule the background color given by the class but when this happens from within javascript this does not work. Is this proper behaviour? Are there other methods that will work?Hi Rene
If you are just looking for a row highlight on a mouse hover, it might be easier to place the following in the html header of the page:
<style = text/css>
.apexir_WORKSHEET_DATA tr:hover td {
background-color: #FFFF99 !important;
color: #000000 !important;
</style>
~Andrew Schultz -
JTable cell focus outline with row highlight
With a JTable, when I click on a row, the row is highlighted and the cell clicked has a subtle outline showing which cell was clicked.
I would like to do that programatically. I can highlight the row, but I have not been able to get the subtle outline on the cell. My purpose is to point the user to the row and cell where a search found a match. I do not have cell selection enabled, because I want the whole row highlighted.
My basic code is:
table.changeSelection(irow, icol, false, false);
table.scrollRectToVisible(table.getCellRect(irow, icol, true));I keep thinking I just need to find a way to "set focus" to the cell so the subtle outline is displayed, but I cannot find something like that.
Does anyone have some ideas on how to activate that automatic outline on the cell? I prefer not to write custom cell renderers for this if possible.That seems unnecessarily complicated, the outline is the focused cell highlight border so requesting focus on the table should be enough.
import java.awt.BorderLayout;
import java.awt.EventQueue;
import java.awt.Rectangle;
import java.awt.event.ActionEvent;
import javax.swing.*;
public class TestTableFocus {
public static void main(String[] args) {
EventQueue.invokeLater(new Runnable() {
public void run() {
final JTable table = new JTable(10, 10);
JFrame frame = new JFrame("Test");
frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
frame.getContentPane().add(new JScrollPane(table));
frame.getContentPane().add(new JButton(
new AbstractAction("Focus cell") {
@Override
public void actionPerformed(ActionEvent e) {
table.changeSelection(5, 5, false, false);
centerCell(table, 5, 5);
table.requestFocusInWindow();
private void centerCell(JTable table, int x, int y) {
Rectangle visible = table.getVisibleRect();
Rectangle cell = table.getCellRect(x, y, true);
cell.grow((visible.width - cell.width) / 2,
(visible.height - cell.height) / 2);
table.scrollRectToVisible(cell);
}), BorderLayout.PAGE_END);
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
} -
For some reason all the images in Aperture 3 library have had their highlights go red and the shadow area goes blue. I can correct them one at a time with contrast control. This just happen on its on after I uploaded MOuntain Lion. Now when I go to transfer images from iPhoto this happens. The images are all right in iPhoto but this is not the case with Apeerture. I have 15,000 images in Aperture 3 and I can't afford the time to correct them one at a time. What is it that I did to cause this problem?
You have "Highlight Hot and Cold Areas" turned on.
Toggle this on/off from the View menu.
Thresholds are set at "Aperture➞Preferences➞Advanced". (I have mine set to 100% ~ it's not clear what the scale is.)
Message was edited by: Kirby Krieger -
Keep row highlighted using jQuery
Hello!
I'm using the following code to highlight a row in my report, calling it via an onclick event -
function highLight( pThis ){
$('td').removeClass('current');
$(pThis).parent().parent().children().addClass('current') ;
I have an icon in the same row that opens a popup page where a user can edit that particular record. Once the changes have been made and the 'Apply changes' button is clicked, the popup window closes and the page is refreshed to show the changes, but my row highlight disappears. How can I go about keeping that row highlighted after the page has reloaded?
Thank you!
TammyI give...I've spent the past few days trying to figure out how the value in my hidden variable will help identify the row that I need to highlight. I have 2 buttons in each row...one button, when clicked, calls the highLight function and the row is highlighted and the pThis value returns "http://.....f?p=111:34:123456789012232::::P34_TEST:1". The other button opens the popup...I make my changes, click Apply Changes to submit and close the popup, I set my P34_TEST hidden value to the ID, which equals 1, but how am I supposed to modify the highLight function and call the function and use the ID value to find the row I want to highlight? I added a class to the column like you recommended, but when I click the first button to highlight the row, it highlights all of the columns in the table, which I understand why it does that, I just don't know how to identify the class with the ID. I know that probably doesn't make much sense to you, but I don't know enough about jQuery to put all the pieces together. I'm not looking for someone to hand me the answer, I just don't understand how it's supposed to work. Can you give me a little more detailed information on how to go about doing this?
Thank you,
Tammy -
I am trying to find a thrad / example showing how to do row highlighting using javascript. I want to highlight a row in a report by clicking on it. It is supposed to remain highlighted until I either reload / submit the form or click on an other row. Mouseover and mouseout events are not desired :). Anyone with an idea?
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------Denes,
Here is the CSS and Javascript I use to achieve row highlighting on click..
<style type="text/css">
tr.odd td.t15data{background:#F4FFFD;}
tr td.t15data{background:#FFFFFF;}
tr.selected td.t15data{background:#D7D7D7;}
</style>
<script type="text/javascript">
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
function addClass(element,value) {
if (!element.className) {
element.className = value;
} else {
newClassName = element.className;
newClassName+= " ";
newClassName+= value;
element.className = newClassName;
function stripeTables() {
var tables = document.getElementsByTagName("table");
for (var m=0; m<tables.length; m++) {
if (tables[m].className == "t15standard") {
var tbodies = tables[m].getElementsByTagName("tbody");
for (var i=0; i<tbodies.length; i++) {
var odd = true;
var rows = tbodies.getElementsByTagName("tr");
for (var j=0; j<rows.length; j++) {
if (odd == false) {
odd = true;
} else {
addClass(rows[j],"odd");
odd = false;
function lockRow() {
var tables = document.getElementsByTagName("table");
for (var m=0; m<tables.length; m++) {
if (tables[m].className == "t15standard") {
var tbodies = tables[m].getElementsByTagName("tbody");
for (var j=0; j<tbodies.length; j++) {
var rows = tbodies[j].getElementsByTagName("tr");
for (var i=0; i<rows.length; i++) {
rows[i].oldClassName = rows[i].className
rows[i].onclick = function() {
if (this.className.indexOf("selected") != -1) {
this.className = this.oldClassName;
} else {
addClass(this,"selected");
addLoadEvent(stripeTables);
addLoadEvent(lockRow);
</script>
This will also stripe or do alternate row colors for you. If you do not want or need that functionality, just remove the stripeTables function and addLoadEvent(stripeTables)
Hope this helps.
-Chris -
Yellow highlights get red posterization
Today I shoot nice spring flowers in a sunny day. When processing photo I fond out that yellow highlights get red posterization in default setting., I put crop from the sample to http://www.pokludovi.eu/Lightroom/red.jpg. This disappears if I set Exposure to -.52 or Recovery to +14. Shoot to raw with Minolta Dynax/Maxxum 5D, original file is at http://www.pokludovi.eu/Lightroom/PICT1463.MRW in case anyone is interested. I searched local forums as well as global Google, no avail.
Questions
1. Has anyone seen this?
2. Is it some kind of out-of-gamut warning?
3. Any other ideas?Ondrej,
This was observed and discusset in at least two threads in this forum. Search
for the "Buggy preview" thread here. It was also discussed, extensively, in the
Flickr Lightroom group. I had an Athlon XP 1700 and had this problem. I now
have a Core2Duo 6300 and no more problem. Let me quote from an earlier post:
"It seems that Alexander Kiel, a member of the Flicker LR Group, has found out
what appears to be causing the problem: older processors (before Intel P4 and
Athlon 64) don't use the SSE2 instruction set. Somehow, the arithmetic of LR's
rendering engine produces "buggy previews" when executed on earlier processors
with the older SSE instruction set. (Precision of floating point arithmetic with
32 bits versus 64 bits)."
LR requires the SSE2 instruction set in/for the processor, as I understand it.
Would be very interested in knowing which OS/processor you use?
Chris -
I'm new to OSX. What does it mean when a directory in Finder is highlighted in red?
Cheers, KrisWelcome to the disc forums kvanderstarren- Is this what we are talking about?
http://docs.info.apple.com/article.html?path=Mac/10.6/en/15236.html
Hope this helps -
Row highlighting is gone on enabling inline style for columns
We have a multi-select enabled table on which cusomter wanted to change the color based on row stauts (a column in the table).
We did it on the column component of the table as background-color:#{row.Status == 'Inactive'? '#A5A5A5': row.Status == 'Draft'?'#D8D8D8':''};
this works great though as soon as this is done the row highlight color is gone from the table and hence makes it impossible to know which rows are actually selected.
we are using RUP3 (Rel 4) version of jdev 11.1.1.6.2 version from edelivery.To apply that css rules to only one table set property styleClass="MyCustomTable" of the <af:table> and change the above rules for these (note that each rule starts with af|table.MyCustomTable):
af|table.MyCustomTable::status-message {background-color: #0090c1; color: white; border: 2px #a0b4ba inset;}
af|table.MyCustomTable::column-resize-indicator {border: 1px solid #51bfff;}
af|table.MyCustomTable::data-row:selected af|column::data-cell {border-top: 1px solid #00afea; border-bottom: 1px solid #00afea;}
af|table.MyCustomTable::data-row:selected af|column::banded-data-cell {border-top: 1px solid orange; border-bottom: 1px solid orange;}
af|table.MyCustomTable::data-row:selected:focused af|column::data-cell {border-top: 1px dashed #00afea; border-bottom: 1px dashed #00afea;}
af|table.MyCustomTable::data-row:selected:focused af|column::banded-data-cell {border-top: 1px dashed orange; border-bottom: 1px dashed orange;}
af|table.MyCustomTable::data-row:selected:inactive af|column::data-cell {border-top: 1px solid #84e0ff; border-bottom: 1px solid #84e0ff;}
af|table.MyCustomTable::data-row:selected:inactive af|column::banded-data-cell {border-top: 1px solid green; border-bottom: 1px solid green;}
af|table.MyCustomTable::data-row:hover af|column::data-cell,af|table.MyCustomTable::data-row:hover af|column::banded-data-cell {background-color: #bfd6b0 !important;}
af|table.MyCustomTable af|column::data-cell:selected {background-color: #9CACC9 !important;}AP -
Keeping selected row highlighted
I have a datatable that has 2 panel grids in it. The first panel grid is used only to show the first image/link all the time because it is not stored in our database. The second panelGrid fetches a list of programs from our database, and lists them with an image next to the link if the user is subscribed to that program. When the page first loads up, I need the first row highlighted by default. When a user selects a program, I need to change the highlight to that the program they selected. When the user selects a program, it loads the same page, but changes an ifram that has the details of what they clicked on. How can I get the row for this program only to be selected and stay selected until they click another program. Below is my page code and my backing bean.
<h:dataTable id="programTable" headerClass="programTableHeader" width="100%"
value="#{Program_profile.programDataModel}" var="varprogramDataModel">
<h:column>
<f:facet name="header">
<h:panelGrid id="pnlgridAboutMyPrograms" width="100%" border="0" cellpadding="0" cellspacing="0" columns="1">
<h:commandLink id="lnkAboutMyPrg" action="#{Program_profile.aboutMyProgramAction}" >
<hx:graphicImageEx id="imgAbtMyPrg1" value="#{msg.Program_profile_About_My_Program_Image}" border="0" hspace="5"></hx:graphicImageEx>
<h:outputText id="txtAbtMyPrg" value="#{msg.Program_profile_About_My_Program_Name}"></h:outputText>
</h:commandLink>
</h:panelGrid>
</f:facet>
<h:panelGrid id="pnlgridPrograms" width="100%" border="0" cellpadding="0" cellspacing="0" columns="1" columnClasses="">
<h:commandLink id="programLink" action="#{Program_profile.selectedProgram}">
<hx:graphicImageEx id="checkMarkProgram" value="#{msg.Program_profile_Check_Mark_Image}" border="0" rendered="#{varprogramDataModel.subscribed}" hspace="5"></hx:graphicImageEx>
<h:outputText id="programName" value="#{varprogramDataModel.name}"></h:outputText>
</h:commandLink>
</h:panelGrid>
</h:column>Backing bean:
public String selectedProgram(){
// A program details which is selected by the user
ApplicationParameter.getLogger().debug(ENTRY);
ProgramInformation selectedProgram= null;
ProfileController profileController = new ProfileController();
Customer customer =null;
// Returning the value for from-outcome element of faces-config.xml file
String from_outcome=null;
try{
//Check for customer object
if(!utility.isUserInSession()){
FacesMessage message = MessageFactory.getMessage(facesContext,"Program_profile_customer_help");
facesContext.addMessage("",message);
return ApplicationParameter.NAVIGATION_CUSTOMER_HELP;
selectedProgram = (ProgramInformation)programDataModel.getRowData();
selectedProgram=createProgramInformation(selectedProgram.getCode());
* Highlight the program selected
UICommand programCommand = getProgramLink();
UIComponent parent = programCommand.getParent();
parent.getAttributes().put("rowClasses","tnSelected");
ApplicationParameter.getLogger().debug("\n *************** programCommand = "+programCommand.getClientId(facesContext));
ApplicationParameter.getLogger().debug("\n************* programParent = "+parent.getClientId(facesContext));
* Highlight the About my programs link
// UICommand aboutProgramCommand = getLnkAboutMyPrg();
// UIComponent aboutParent = aboutProgramCommand.getParent();
// if (!parent.getAttributes().containsKey("rowClasses")) {
// aboutParent.getAttributes().put("rowClasses","tnSelected");
//setSelectedHighlight("tnSelected");
//Set in the session
ApplicationParameter.getLogger().debug("Iframe page ->"+selectedProgram.getInfoPage());
utility.getExternalContext().getSessionMap().
put(ApplicationParameter.SESSION_KEY_PROGRAM_INFORMATION,selectedProgram);
utility.getExternalContext().getSessionMap().
put(ApplicationParameter.SESSION_KEY_IFRAMEPAGE,selectedProgram.getInfoPage());
from_outcome=ApplicationParameter.NAVIGATION_PROGRAM_PROFILE;
}catch (Exception ex){
ApplicationParameter.getLogger().error("\n\nException ->\n"+ex.getMessage());
FacesMessage message = MessageFactory.getMessage(facesContext,"Program_profile_Customer_Help_Exception");
facesContext.addMessage("",message);
return ApplicationParameter.NAVIGATION_CUSTOMER_HELP;
ApplicationParameter.getLogger().debug(EXIT);
return from_outcome;
}When I click on a program link using the code above, it highligts all the rows, not just the selected one.can anyone please help me? I can post more code if that helps.
-
Hi,
I heard a lot of good things about Jquery. I was trying to see for myself how to get Jquery to work with APEX. I've this sample code snippet that does row highlighting when hovering over a table row. The code works as a html file but I can't seem to get it to work with APEX. Here's the procedure I follow in APEX:
1. Uploaded the jquery library into APEX workspace.
2. Modify the page template to include the jquery library. I had rename the jquery library to "jqmin_126.hs"
<script src="#APP_IMAGES#jqmin_126.js" type="text/javascript"></script>
3. Added the code snippet to the html header of APEX report page.
<style type="text/css">
.highlight {
background-color: #FC6 !important;
</style>
<script type="text/javascript">
$(document).ready(function( ) {
$('table.default1 tbody tr').mouseover(function() {
$(this).addClass('highlight');
$(this).css('cursor','pointer');
}).mouseout(function() {
$(this).removeClass('highlight');
</script>
To keep things simple, I used the following APEX settings:
Template: Reports region
Report template: Default: Look 1
Version of APEX : 3.1.2
My interest here is mostly trying to see how jquery works with APEX and not so much the row highlighting. What am I missing?
Thanks in advance.I ran into this problem as well. What happened to me is that the style associated for the TD tag was overwriting the style for the TR tag. So even though I was adding and removing classes to the TR the page would not reflect the changes.
I would first make sure the Jquery is working by adding the following to my header section.
$(document).ready(function( ) {
alert('Jquery is working');
});If it is working I would try adding .find("td") to edit the CSS of each table data thus changing the background of the row.
<script type="text/javascript">
$(document).ready(function( ) {
$('table.default1 tbody tr').mouseover(function() {
$(this).find("td").addClass('highlight');
$(this).find("td").css('cursor','pointer');
}).mouseout(function() {
$(this).find("td").removeClass('highlight');
</script>Hope this can point you in the right direction.
Tyson
Edited by: Tyson Jouglet on Nov 24, 2008 9:31 AM -
Apex 4 -- Standard, Alternating Row Colors row highlight broken
template: 14. Standard, Alternating Row Colors in apex 4.0 appears to have it mouse-over row highlight colors reversed (except for the first row, which is not highlighted)
when first displayed, the rows are displayed white/gray/white...
mousing over the first row does nothing, mousing out does nothing
mousing over the 2nd row does nothing, mouse out changes it to white
mousing over the 3rd row does nothing, mouse out changes it to gray
etcI noticed this behavior too, very annoying. Did someone found a way to fix the template ?
-
APEX-BUG? Row Highlighting and Mouseover
Hello Experts,
I build a classic report on APEX 4.0.2 with different column templates depending on the dep_id-row. (If dep=30 I want a green row)
You can see this at [http://apex.oracle.com/pls/apex/f?p=12579:5:164720075315678:::::|http://apex.oracle.com/pls/apex/f?p=12579:5:164720075315678:::::]
After F5 all columns for dep 30 are in green. If you move the mouse over the report the rows become grey. After next F5 you will again see the green background color.
The template is defined as follows:
Column Template 1
<td headers="#COLUMN_HEADER_NAME#" #ALIGNMENT# class="t20data" style="background-color:#EEEEEE;">#COLUMN_VALUE#</td>
Column Template 1 Condition
Used Based on PL/SQL Expression
Column Template 1 Expression
#DEPARTMENT_ID# <> 30
Column Template 2
<td headers="#COLUMN_HEADER_NAME#" #ALIGNMENT# class="t20data" style="background-color:#8FE98F;">#COLUMN_VALUE#</td>
Column Template 2 Condition
Used Based on PL/SQL Expression
Column Template 2 Expression
#DEPARTMENT_ID# <> 30#DEPARTMENT_ID# = 30
I'm shure that this already worked fine.
Is there a way to use Row Highlighting together with Column Templates ?
Thanks for any idea!
Frank
Edited by: frank_schmidt on 23.02.2011 02:01
Edited by: frank_schmidt on 23.02.2011 07:41I can see that when the mouse moves over a row, the row cell(td) are applied a background-color, this is not via a class but it is set directly at the column level.
So I guess it is some JS code that does it.
If that be the case, irrespective of the css classes or inline styles you specify for the column,they would be overridden(element.style > class ) and overwritten(td.backgroundcolor is set directly). So JS code that does this has to be disabled first.
If you remove the 'highlight-row" class from the table row( tr) element either in the template or if its for just one report, do it directly in the Page using JS by
$('tr.highlight-row').removeClass('highlight-row');Now inorder to get the row highlighting(without removing the original styling on mouseout), change the template to use a class and move the background color under the class( background-color:#8FE98F).
If you highlighting to work with FF alone, you can define the :hover pseudo class
{code}
tr.highlight-row td:hover{
background-color:#CDCDCD;--use the mouse over color
{code}
But if it has to work with all browsers, you would have to rewrite the row highlighting JS
Maybe you are looking for
-
Need help: BufferedImage and zooming
please help me understand what i am doing wrong. i am having a hard time understanding the concept behind BufferedImage and zooming. the applet code loads an image as its background. after loading, you can draw line segments on it. but when i try to
-
Using 1 public Windows 7 folder, how do multiple users share itunes music?
I have 4 users on Windows 7 which use iTunes under the same Apple account. All of the music files are in the same public folder, but not listed in each each user's library. How can I have these music files automatically appear in each user's library?
-
New to java, please help me :(
hi, i have to complete a BMI calculator with arrays and switch, i need it so that if input a / b is selected it will calculate metric / imperial (i know that both calcs are the same, its just a placeholder for the time being). once thats selected use
-
Brazil issue regarding payment advice not generated in F110
Hi , F110 Payment Run - Payment advice File cannot be generated . Client had done the maintenance in the table J_1BFORCODE. Atfer that payment run carried out no payment advice is getting generated.Please provide me a solution.
-
Where on apple web site can i check the trade in value of my phone
I was told at the apple store that on their web site i can find out how much i can get for my phone but i cant find it. Can anyone help?