Table Row Color change on Edit.

Hi,
I have a editable table with two columns (one is inputtextbox and other is an LOV). On click of edit button, table will allow user to change the data.
My requirement is, when ever user edits the data, I need to change the column content color.
I tried to set the color on valuechangelistener of each component but failed.
Please let me know whether it is possible to achieve.
Thanks.

Any help...

Similar Messages

UIX - Changing read-only-table row colors

Hi
I have the requirement to alternate the background-row-color in an UIX read-only-table dependent on a value in the row.
Can anybody point me in the right direction of a solution please?
I'm familiar enough with the styles in the XSS style sheets, and using EL to dynamically change attributes of a UIX web page when rendered. However in the default <table> UIX tag generated by JDeveloper when dragging a data control onto a UIX web page, there doesn't appear to be a <row> tag for changing the background colour?
Any help appreciated
I'm using JDeveloper 9.0.5.2.
Cheers,
CM.

I don't know if this works in JDeveloper 9.0.5.2, but there's a solution at least for JDevloper 10.1.2. You have to define a different styleClass (a CSS) for each column, depending on a condition. This solutions works as well together with row banding:
<column>
<columnHeader>
    <sortableHeader model="${ctrl:createSortableHeaderModel(bindings.MyView,'Seats')}" text="Seats"/>
</columnHeader>
<contents>
    <rowLayout width="100%" styleClass="${ui:cond(uix.current.IsLocked == 'J', 'OraTableCellLocked', '')}">
      <contents>
        <cellFormat>
          <contents>
            <textInput model="${ui:defaulting(uix.current.Seats, ' ')}" columns="10" readOnly="true"/>
          </contents>
        </cellFormat>
      </contents>
    </rowLayout>
</contents>
</column>The styleClass "OraTableCellLocked" has to be defined in the file "base-desktop.xss". An example ("Locked" cells are displayed with a red background):
   <style selector=".OraTableCellLocked">
    <includeStyle name="TableCellDataText"/>
    <includeStyle name="TableCellDataVerticalAlign"/>
    
    <includeStyle name="TableCellDataBorderColor"/>
    <property name="background-color">#FFA4A4</property>
</style>Hope this helps, although the original is very old.
Regards,
Georg

Table row colors alternating

Hello Everyone,
I'm trying in the configure properties of a table change the row colors to alternating, but it has no effect.
It always remains the same formating, i.e., every row with the same blue color.
I only can set it to alternating if the table is marked in the properties as editable (Editing condition = true). It doesn't make any sense! I do not want the user to change the cells of the table, but still want to use alternating colors, and it is not possible.
I'm using Visual Composer 7.01 with SP5
Does anyone have any idea?
Tanks,
Diogo Ferreira.

Hi,
For messages about VC 7.0 version (this includes 7.01 and 7.02) please refer to the [VC 7.0 forum|SAP NetWeaver Visual Composer;.
Best regards,
Tal.

Report row color change based on condition

I have follow this forum steps Re: Color Row In Report
Column Template 1
<td #ALIGNMENT# class="t1data" style="background-color:#ADD8E6;">#COLUMN_VALUE#</td>
PL/SQL expression condition
'#2#' = 'BOOKED'
Column Template 2
<td #ALIGNMENT# class="t2data" style="background-color:#FFE87C;">#COLUMN_VALUE#</td>
PL/SQL expression condition
'#2#' = 'ENTERED'
http://img29.imageshack.us/img29/2792/apexcolor.png
This does color change but for some rows the colors are highlighted wrong and when i mouse over the rows , it changes to wrong color.

Hi,
t1Data and t2Data sound like standard theme css class names.
In my example, the colouring is done by the style attribute on the TD tag. For "normal" rows:
<td #ALIGNMENT# headers="#COLUMN_HEADER#" class="t18data">#COLUMN_VALUE#</td>for highlighted rows:
<td #ALIGNMENT# headers="#COLUMN_HEADER#" class="t18data" style="background-color:red;">#COLUMN_VALUE#</td>Have you defined "t1Data" and "t2Data" in STYLE tags on your page?
Andy

Row color changes

Hi,
I read somewhere a while ago and I don't remember if it was in JSF using datatables but is a property that will allow me to display a table change the background color for each row for example row 1 will be of gray row 2 on white in another words the even row will be white the odd row will be gray
Thanks

JSF<h:dataTable rowClasses="row1, row2" />CSS.row1 {
background-color: #bbb;
.row2 {
background-color: #ddd;
}

Table row color

Hi all ,
I want a more readable table (long table) so I'd like to set first row's backgroung white, second row's background light gray, third white ,fourth light gray and so on... (alternate white and lite gray rows)
Does somenone knows how to do that???

Hi!
Try to look here:
http://blogs.sun.com/winston/entry/setting_table_column_style
I think it will be helpful for You.
Thanks,
Roman.

Color change when editing in external editor

I am using CS4 and LIghtroom 2 (all updated) and just recently when I open the file in CS4 it has a totally different white balance. The image looks much different once it is in PS4. attached example.

nloehr wrote:
I must be doing something wrong...or do I need to trash pref's? I recalibrated and still the same problem. The files are from a 5d mark II... It does not do this in ACR
How are you calibrating. Some hardware has been known to be bad? A test would be apply a generic like sRGB in the profile dialog and see if you still get the same. Then take it from there. Of course if that works you want to try a differnt way to calibrate. sRGB is not a monitor profile, so don't stay with it. Don

Table row change color on hover

Hi,
I don't know if it's possible to change table row color on mouse hover, I've been looking at skin-selectors (http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html#Global%20Selectors) and I haven't found any row style class for af:table Component... if anyone knows how to achieve this I would be thankful.

Hi,
I replied to the other question of yours. I don't think this is possible because the row is not a component that can have a style applied to it. You may be more successful in applying the CSS to the components (outputText or inputText) on the table cells.
Frank

Changing row color through a drop down box????

Is there a way I can get a table row to change color based on the value of a drop down box? I have 3 color options in the drop down list: yellow, green, red. I'm trying to get it so when I select a color in the list (like for example green) the whole row of that table fills with green. I'm searching for an answer and I can't find it. Any help would be greatly appreciated Thanks :)

Check the code very carfully, you appear to have left off a number of quotes:
// force to white in case there is no match following
Page1.Shape.LeaveType.border.fill.color.value = "0,0,0";
//changes row to red
if(LeaveType.rawValue == 4) {
Page1.Shape.LeaveType.border.fill.color.value = "255,0,0";
//change row to Green
if(LeaveType.rawValue == 3) {
Page1.Shape.LeaveType.border.fill.color.value = "0,128,0";
//change row to Blue
if(LeaveType.rawValue==2) {
Page1.Shape.LeaveType.border.fill.color.value = "0,0,255";
//keep row white
if(LeaveType.rawValue == 1) {
Page1.Shape.LeaveType.border.fill.color.value = "0,0,0";
Or you could use the "swithc(){}" statement:
var FillColor = "0,0,0"; // white
switch(LeaveType.rawValue) {
case 4:
FillColor = "255,0,0"; // red
break;
case 3:
FillColor = "0,128,0"; // green
break;
case 2:
FillColor = "0,0,255"; // blue
break;
case 1:
break;
default:
app.alert("Unkown Leave Type: " + LeaveType.rawValue, 1, 1); // identify unkown leave type
break;
Page1.Shape.LeaveType.border.fill.color.value = FillColor;
You might want to also open Acrobat and check the Debugging Conosole for errors.

Alternating row colors. How to?

All,
When I use the Report Wizard, I can get alternating row colors. How can I get the same effect, when I use the 'create report using my sql query' option?
thanks
sanjay

Sanjay,
It is the same way that you do in it wizard reports, specify the table row colors in the display options section for gettng alternating row colors.
Thanks and Regards
Balaji

Dynamically changing row color in an ADF table?

Hi,
I am using Build JDEVADF_11.1.1.3.PS2_GENERIC_100408.2356.5660. Can anyone please let me know the code for dynamically changing the row color of an ADF table?
Thanks,
Vik

well you can use EL on af:column inlineStyle property to change the color on condition
e.g
inlineStyle='#{(row.SelectedRow)?"background-color: Silver":""};a example can be found here it is changing color based on Checkbox selection http://baigsorcl.blogspot.com/2010/06/deleting-multi-selected-rows-from-adf.html

How can i set the alternating colors for a table rows

Dear All,
Please any one help me how can i set the Alternating colors for Table Rows.
i created a theam there i set the background alternating color to brown and i set the table design properity to alternating. but it is not reflecting.

Hi,
The design property in Table properties should work for your requirement. Select "alternating" value for design.
Please see the API below:
design
Determines the appearance of the table. The property design can take the following values and is represented by enumeration type WDTableDesign.
alternating - The table rows are displayed alternately in a different color.
standard - The table background has one color. The individual table rows are displayed with grid net lines.
transparent - The table background is transparent. The individual table rows are displayed without grid net lines.
Check whether you have changed the right property or not? Also table should contain more than one rows to test this scenario.
Regards,
Jaya.
Edited by: VJR on Jun 17, 2009 6:43 PM

Need to color a Table row based on a Column value

Dear Alll
I have a requirement to color the rows of a table based on a column value in it. I have tried and surfed many useful materials over the net. but none of them solves my purpose. Please help me, I know that i can used OADataBoundValueViewObject and create a custom css file and apply color to a particular column of a table using a decode in the select statement of that VO.
But all i need is to color a particular row with a particular color. Need your help with this ........
Please do reply
Best Regards
Edited by: Antony Jayaraj on Mar 27, 2012 8:54 PM

These posts might help you.
How to change the row color based on Condition
Can we colour the rows in the column of a table
Regards,
Peddi.

Blue-white colored table rows

Hi, table design gurus!
I need in blue-white colored table rows. It looks like Table desing in altenating mode. Alternating mode fits my needs except one. This mode restricts read-only tables but I have regular table with editable cells. Well, I have read an article about how to build colorful tables. Ok, I have got a table in a different colors. But neither blue or white color were not found in WDTableCellDesign. How to use blue and white colors for table row background? I should not ovveride CSS using WD Theme Editor. I want to set a color implicitly in java code. Please, help me.
Any help would be apprecited.

Hi Alexey,
I have never used it, but there is a property called semanticColor in the TextView of the columns of the table.
Go to the layout of the view. Look in the Outline. There you will find Table -> TableColumn -> Caption + TextView. In the properties of the TextView you will find in the semanticColor.
The semanticColor needs to be linked to an element inside the table in the context. So create a node inside the table with cardinality 1..1 and selection 1..1 and add a (calculated) attribute to the node with the correct type (I don't know this one....it is probably inside "com.sap.ide.webdynpro.uielementdefinitions". My guess would be com.sap.ide.webdynpro.uielementdefinitions.TableCellDesign.
Ones you have linked the cell to the attribute in the node you will have to code the changes in color doing something like this. that will probably be easiest if the attribute is of the calculated kind
In the calculated attibute you return WDTableCellDesign.GOODVALUE_LIGHT or whatever color you want.
Hope this helps a bit,
Jeschael

How to verify that the user has changed table row data before db update

Hi all,
Iam using Oracle ADF with EJBs.
I have a single selection table that displays rows of data returned from a function of my data control.
The columns of my table are editable so that the user can change the data. The user selects a row, changes the data in one or more columns of the row and saves the data by means of a submit button. The code in the submit button, identifies the row of the corresponding iterator that the user clicked on and updates the data in the database (using the 'mergeEntity' function of the EntityManager)
Before saving the data, I want to put some logic to check whether the user has actually changed some data to avoid unnecessary updates in the database . But for this I need a technique to detect that the user has indeed changed some data in the table row.
One technique I have been using so far was to isolate the iterator row of the table and then query the corresponding row in the database table and compare their values.
Except from dummy, this technique is not efficient if the table contains many rows.
Moreover, in my case I have observed that on successive updates on the same row , the query on the database returns the new values (user changed values) and not the actual values contained in the database table. This means that when the user updates an iterator row the cached data affect also the results of the SELECT statement from the actual database table!!! Isn't this strange ?
Can somebody propose me a neat method to detect when the user has changed the the data of an iterator row ?

Hey Alan,
The below solution seems overly complicated to me and can not be implemented without a custom screen and/or the use of JavaScript. Also, if your main concern is that a user may accidentally loose all their data because they closed the browser window or the session times out before they hit the save button then this solution does not help you.
There are a couple of simpler approaches you can take here:
# If the use of JavaScript is permissible you can hook into the windows 'onUnload' event, and pop-up a message box which gives the user the opportunity to cancel closing the window and save their case if they haven't already.
# Implement an autosave feature by hooking into one of events provided by web determinations. A simple (but rather naive) way of doing this would be to hook into the OnRenderScreenEvent and call save on the interview session every time the event fires. This guarantees that all the data the user has submitted will aways automatically be saved, thereby removing the need to make sure the user manually saves their data before closing the browser.
Automatically making Web Determinations close a browser window has to be done using JavaScript. However, doing so means that a) it won't work for people who turn off JavaScript, which is commonly done for accessibility reasons b) you'll likely run afoul of the browser's security mechanism (they generally won't let you close a window that you didn't open and some really don't like you doing that at all).
Thanks,
Kristy

Table Row Color change on Edit.

Similar Messages

Maybe you are looking for