Coloring table row using css in pfr

Hi all,
I am using classic table region for loading the records.After loading in PFR using table multiselection selecting one or more than one row then coloring should happen for those selected rows.
In pfr we cann't change bean properties.
Give ur idea.
Thanks,

Hi,
Go through these threads...
Can we colour the rows in the column of a table
Changing Color of a value in a column
Thanks,
Gaurav

Similar Messages

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 color a row using REUSE_ALV_HIERSEQ_LIST_DISPLAY

Hi,
I'm able to color a row using REUSE_ALV_GRID_DISPLAY, I tried the same way to color a row at the item level using 'REUSE_ALV_HIERSEQ_LIST_DISPLAY' but I'm not able to get the row color, please let me know how to acheive this.
Thanks in Advnce
Narayan

you need to do 4 things.
1. Add a field in your final internal table which ur going to display.
2.Name the field as----
> color_line(4)   TYPE c,
            begin of itab,
                          matnr            type mara-matnr,
                          ernam          type mara-ernam,
                       color_line(4)   TYPE c,
           end of itab.
3.declare layout ....................> data : it_layout   TYPE lvc_s_layo.
4. After filled your fieldcat and before display your ALV
        loop at itab assigning to <itab>.
                      if <itab>-ernam eq 'XYZ'.
                      <itab>-color_line = 'C600'.
       end loop.
it_layout-info_fname = 'COLOR_LINE'.
CALL FUNCTION 'REUSE_ALV_HIERSEQ_LIST_DISPLAY'
exporting
    IS_LAYOUT                      = it_layout
    IT_FIELDCAT                    = your_fieldcat
and pass ur ITAB.

How to style a GridPane Colomn or row using CSS ?

Hi,
I would like to style a Grid pane column using CSS. I found possible styling the entire GridPane using " -fx-border-color:yellow; -fx-border-insets:5; -fx-border-width:3;" for example. But is there a way of styling a single row or a single column?
For example, let's say I want a yellow border on my last column, does anyone has a clue ?
Thanks.
Seb

CSS doesn't do such things.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"celebritymusic" <[email protected]> wrote
in message
news:esm5vt$8mn$[email protected]..
> Hi
>
> I want to make an image in a DIV morph into another (in
the same DIV). I
> was wondering if there is a simple CSS way of doing
this, rather than
> making an animated gif?
>
> Cheers
>
> Shaun

Dynamic coloring of rows using FM (Reuse_alv_grid_display.)

I need to color the rows depending on the condition dynamically . I am using FM Reuse_alv_grid_display for ALV . I have the code using Oops Concept, But i need to know how can we do using the Function Module. Please Clarify

Hi,
In the final internal table you declare one fieldsline_col(4) type c.
Data: begin of itab occurs 0, "final internal table.
      line_col(4) type c,.
     end of itab.
IF .......your condition.
    loop at itab.
      if itab-WERKS = '1000'.
        itab-line_col = 'C600'.
      endif.
      modify itab.
      clear itab.
    endloop.
Next build your FIELDCATALOG ......
    gt_layout-zebra = 'X'.
    gt_LAYOUT-DETAIL_POPUP = ' '.
    gt_layout-info_fieldname = 'LINE_COL'.
Next pass this to your FM.
I hope this will help you.
Thanks.
If your issue is solved award points and close the thread if not revert back.
Message was edited by: Deepak333 k
Message was edited by: Deepak333 k

How to group table rows using GroupedColumn?

Hi all,
i know by binding the grouping value to a context, it can merge rows into one. but this only works if the two rows are adjacent.
if the context looks like this:
value 1
value 2
value 1
value 2
it can not group them together
how to group them together and merge the rows?
thanks.

Hi erv,
U need to use the TableSorter class for this.
You can download the TableSorter.java class from the tutorial Working with Tables in Web Dynpro.
Here you can select the project A) Creating Tables and download the Ready-to-use project. The lick to download project is:
[/docs/DOC-8061#46|/docs/DOC-8061#46]
Once you have downloaded the tutorial, you can find the TableSorter.java class in this path
TutWD_Table/src/packages/com/sap/tc/webdynpro/tests/utils
For more information refer to this blog:
[Enhanced Web Dynpro Java TableSorter for SAP NetWeaver 04s|/docs/DOC-8061#46]
Regards,
Sayan Ghosh

Move over the table rows using the up and down arrows using the javascript

i had a dynamically generated html table in jsp .
i need to move over the rows up and down .
when the up and down arrow keys are pressed Highlight the row and after moving when i press the enter key other required page is to be displayed .
please help me as soon as possible what events are to be used for the arrow keys and Highlight the row

i got the code for it
if (navigator.appName == "Microsoft Internet Explorer") {
     document.onkeydown = processKeys;
} else {
     document.onkeypress = processKeys;
function processKeys(e) {
     var keyID = (window.event) ? event.keyCode : e.keyCode;
     switch (keyID){
     // Key up.
     case 38:
          if (parseInt(currentRow) == parseInt(0)) {
               // reached the top of the table; do nothing.
               return true;
          } else {
               // move one row up.
               currentRow = parseInt(currentRow - 1);
               setCurrentRow (currentRow, currentRow + 1);
               return false;
          break;
     // Key down.
     case 40:
          if (currentRow == (numRows - 1)) {
               return true;
          } else {
               currentRow++;
               setCurrentRow (currentRow, (currentRow - 1));
if (currentRow > VISIBLE_ROWS) {
return true;
} else {
               return false;
          break;
     // enter key
     case 13:
          var curRowId = boardMemberListTable.rows[currentRow].id;
          return false;
          break;
//onclick
function selectRow(row) {
     inQuad3Edit = false;
     searching = false;
     var eleTableRows = boardMemberListTable.getElementsByTagName("tr");
     for (var i = 0; i < eleTableRows.length; i++) {
          if (eleTableRows.id != row.id){
               eleTableRows[i].className = "board-row-normal";
          } else {
               currentRow = i;
     row.className = "board-row-sel";

How to use script to get the first table row on each page?

I create a print form to display a table. I set a conditional page break on this table, so the table rows on each page could be different.
For example, there're total 50 rows in this table. On the 1st page, there're 5 rows, but on the 2nd page, there're only 2 rows, and so on...
Now I want to get some value from the 1st table row on each page. How can do that? I can refer to a table row using TableRow[n], but I don't know how to calculate 'n' in script (either FormCalc or JavaScript) for the 1st row on each page.
Any ideas?

Hi Wei,
There is an option of setting the overflow header in the pallette. You may check that out. It is basically used to have the table header to be seen in all pages, if the table is overflowing to multiple pages. You may put your first row as the overflow header.
- hope this helps, Kindly update,
thanks and regards,
- anto.

Verifying table rows

Hi,
I am trying to move a table from one tablespace to another. I was wondering if there is any way to verify the table rows using md5 hash or some other algorithm!! I can easily count the number of rows in a table before and after the move, but that does not prove the data is right.
Thanks
Kapil

Hi,
If you use the following command, you will not have any problem with data integrity :
alter table table_name move tablespace tablespace_name;Example :
SQL> create table toto(t number);
Table created.
SQL> select tablespace_name from dba_tables where table_name = 'TOTO';
TABLESPACE_NAME
PSDEFAULT
SQL> alter table toto move tablespace tools;
Table altered.
SQL> select tablespace_name from dba_tables where table_name = 'TOTO';
TABLESPACE_NAME
TOOLS
SQL> Nicolas.

Placing rollover nav buttons using CSS

Hi. I'm creating my first website using DW CS3 and I'm having
problems working out how to include all of the graphics as part of
the CSS so that I can use different CSSs for different devices.
I have a set of images I'm using for the navigation buttons
and I want to add them to table cells using CSS with tags for
placement but how do I then get the rollover effect without ading
anything to the actual html code?
any help gratefully appreciated.
Thanks.

If you need to do this then here is an example:
www.taste-in.com
The buttons are show/hide with css.
.rollover {display: block;height: 100%;}
.rollover img {width: 100%;height: 100%;border: 0;}
.rollover:hover { visibility: visible; }
.rollover:hover img { visibility: hidden; }
#home, #contact, #taste, #about, #tasting, #terms{height:
92px;}#home {width: 139px;background:
url(../images/nav/hover/home.jpg);}
#taste {background: url(../images/nav/hover/taste.jpg);width:
129px;}
#about {background: url(../images/nav/hover/about.jpg);width:
128px;}
#tasting {background:
url(../images/nav/hover/tasting.jpg);width: 126px;}
#terms {background: url(../images/nav/hover/terms.jpg);width:
128px;}
#contact {background:
url(../images/nav/hover/contact.jpg);width: 140px;}--
CheersPablowww.dellwebsites.com
"wefollow" <[email protected]> wrote in
message
news:e2kequ$nie$[email protected]..
> If i can...how can I.....
> I want to import Rollover Buttons from Fireworks to
Dreamweaver( Css Page)
> I just start using CSS code.....
> thank you for reading this message

Bordering Rows in a table using CSS

HI,
I'm using Dreamweaver CS3. I have a table of 2 columns and 5 rows on 1 particular page. What I would like to do is put a thin border at the bottom of each row. What I am doing is highlighting the first row by choosing the TR tag and starting to create a new rule in CSS which looks like this:
Selector type is Advanced
I choose this page only
.twoColElsLtHdr #container #mainContent table
This doesn't encompass the TR tag so it will only format for the table. If I add the tr tag it doesn't seem to do anything fo the rows in that table.
Is there a correct way to use CSS to format rows in a table without formatting each row individually?
Thanks
Steve

Thanks Muray that worked. I didn't know thatyou couldn't border on a table row.
Steve

How to color specific row in a table....

Hi all,
I created a table out of an Array[]. The table is successfully filled up by array's elements. Each element is a row.
I want to be able to color specific row; instead of every row. How do I do that?
I was looking rendering to color a row or a string; but not successfull.
Thank you for your time and assistence.

My favorite way of doing this is to use CSS. You plan on giving the row you want colored an id attribute, then provide a style like this:
<style type="text/css">
tr#colorMe td {
    background-color:blue;
</style>Then, when you want to color the row, you make the HTML output like this:
<table ...>
<tr> //normal row
    <td></td><td></td><td></td>
</tr>
<tr id="colorMe"> //colored row
    <td></td><td></td><td></td>
</tr>
<tr> //normal row
    <td></td><td></td><td></td>
</tr>
</table>

Conditional coloring in table row

Hi,
I want to show some table cells highlighted with some colors.for different condition.For example if status is active then show in green otherwise show in red.
How can i achieve ?

User, please tell us your jdev version!
The way to go is to point the inline style of the component (or the style class if you have a css defined for the different colors) to a bean method. In the bean method you calculate the right color or style for the cell and return it. The bean method can access the other attributes of the current row rendered to get to the right result.
In some easy cases you can use a ternary EL to get to the right color like
#{row.value > 0 ? green : red}
which will color all positive numbers in the cell green and all negative numbers red.
Timo

CSS issue when changing the table row height to 16px

Hello,
After changing the table row height through css like this:
.table-row-cell, .table-cell {
-fx-cell-size: 16;
the table rows are correctly displayed with a 16px height but the cell bottoms seem to be incorrectly set.
For example the following css style (a red 3px bottom border):
.table-cell {
-fx-border-width: 0 0 3 0;
-fx-border-color: red;
doesn't work anymore with the new row height whereas it works with the 24px standard row height.
While investigating with Scenic View, I noticed that changing the row height changes the TableRow layoutBounds height (from 24px to 16px so that's ok) but not the boundsInParent height which remains to 27px. I think it should become 19px (16 + 1.5 + 1.5). I don't know if it's a bug.
Anyway, any help making the css red border working for a 16px row height would be greatly appreciated.
Regards,
Bruno.

Q: Would this help to just use absolute div tags and give me 'ABSOLUTELY ABSOLUTE' positioning?
No. APDivs are not a good primary layout method. Use default CSS positioning (which is no positioning at all). Align page elements with margins, floats and padding.
See example -- 2-Column CSS Layout with Grids
(View Page Source in your browser to see the code)
http://alt-web.com/TEMPLATES/2-col-fixed-with-grid.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

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.

Coloring table row using css in pfr

Similar Messages

Maybe you are looking for