Color Coding a status report

Question

Hi All,
Is there a way in web dynpro to color code some values retrieved from a RFC call?
For example, say I have a BAPI that returns a status code in a table structure in the form of a character.
'R' - Red, 'Y' - yellow and 'G' -Green. In the web dynpro I loop thru the table to find out how many red, green and yellows have been returned, eg. R = 3, Y = 5 and G = 9.
Can I then show like a color coded progress bar with the actual colors in web dynpro?
Like so, RRRYYYYYGGGGGGGGG, with the letters being the actual colors? Can this be done?
Any suggestions will be greatly welcomed. It doesn't have to be exactly like above.
Thanks
TM

Answer 1

Hi Tony,
I'm new, so feel free to use my approach or not.. =)
I'd first, define three Context Attributes, Red, Yellow, Green (These will reffers to amounts).
You can even, do the sum once, using an Action. You would need to iterate over your table, accessing the Fields and counting by yourself, like:
if ("RED".equals(modelProperty))
  red++
if ("YELLOW".equals(modelProperty))
You can also use a switch case if you preffer. You will have the amount of each element in your Value Attributes at that time.
You can define another three Attributes, RedWidth, YellowWidth, GreenWidth, they will be calculated and return type string.
These calculated attributes will:
  - Access each value Node, for its color;
  - Multiply that guy for any other number you want (to increase width);
  - Return Width + px to View
In the View, declare some Images, Red, Yellow, Green colors. I think you can do a 1px image and just resize on the property in runtime. You can define the height in Web Dynpro Layout, no worries. Put them all in a line, with no spaces between each other.. it should look like a bar I think. Remember that we can't manipulate HTML / JS in Web Dynpro (not at least NW04s I think) - so, don't expect some fancy fancy stuff.. =)
Whenever you change the Node (which you put your calculated attributes in) it will update the values, and return new widths.
The second way to do this is, instead of calculating the value in an Action, calculate the value directly in the Calculated Attribute, (iterating thru the main model node, for each respective color) - It will be a bit slowly, however, less nodes are required. You can probably choose what's best for you.
The code itself shouldn't be that hard. Tell me if you need any more information on how to do the stuff.
Regards,
Daniel
Edited by: Daniel Ruiz on Mar 23, 2009 11:44 PM
Edited by: Daniel Ruiz on Mar 23, 2009 11:47 PM