Set cell background color conditionally?

I want to set a cells' background colors conditionally, e.g., if the computer value is between 5 to 9, make the background red. Is there any way to do that?

That is a good question. It would appear it does not work. A way around it is to put 1:00 (1 hour duration, not 1 o'clock) in a cell and a 1:30 in another then reference those cells as your two conditions.
This is not the only place where the duration format is not fully implemented.

Similar Messages

How to set cell background color for JCheckBox renderer in JTable?

I need to display table one row with white color and another row with customized color.
But Boolean column cannot set color background color.
Here is my codes.
import javax.swing.*;
import javax.swing.border.*;
import javax.swing.table.*;
import javax.swing.event.*;
import java.awt.*;
import java.awt.event.*;
import java.util.TreeSet;
public class BooleanTable extends JFrame
    Object[][] data = {{Boolean.TRUE},{Boolean.TRUE},{Boolean.TRUE},{Boolean.TRUE},{Boolean.TRUE},{Boolean.TRUE}};
    String[] header = {"CheckBoxes"};
    public BooleanTable()
        setDefaultCloseOperation( EXIT_ON_CLOSE );
        TableModel model = new AbstractTableModel()
            public String getColumnName(int column)
                return header[column].toString();
            public int getRowCount()
                return data.length;
            public int getColumnCount()
                return header.length;
            public Class getColumnClass(int columnIndex)
                return( data[0][columnIndex].getClass() );
            public Object getValueAt(int row, int col)
                return data[row][col];
            public boolean isCellEditable(int row, int column)
                return true;
            public void setValueAt(Object value, int row, int col)
                data[row][col] = value;
                fireTableCellUpdated(row, col);
        JTable table = new JTable(model);
        table.setDefaultRenderer( Boolean.class, new MyCellRenderer() );
        getContentPane().add( new JScrollPane( table ) );
        pack();
        setLocationRelativeTo( null );
        setVisible( true );
    public static void main( String[] a )
        try
            UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
        catch( Exception e )
        new BooleanTable();
    private class MyCellRenderer extends JCheckBox implements TableCellRenderer
        public MyCellRenderer()
            super();
            setHorizontalAlignment(SwingConstants.CENTER);
        public Component getTableCellRendererComponent(JTable
                                                       table, Object value, boolean isSelected, boolean
                                                       hasFocus, int row, int column)
            if (isSelected) {
               setForeground(Color.white);
               setBackground(Color.black);
            } else {
               setForeground(Color.black);
               if (row % 2 == 0) {
                  setBackground(Color.white);
               } else {
                  setBackground(new Color(239, 245, 217));
            setSelected( Boolean.valueOf( value.toString() ).booleanValue() );
         return this;
}

Instead of extending JCheckBox, extend JPanel... put a checkbox in it. (border layout center).
Or better yet, don't extend any gui component. This keeps things very clean. Don't extend a gui component unless you have no other choice.
private class MyCellRenderer implements TableCellRenderer {
    private JPanel    _panel = null;
    private JCheckBox _checkBox = null;
    public MyCellRenderer() {
        // Create & configure the gui components we need
        _panel = new JPanel( new BorderLayout() );
        _checkBox = new JCheckBox();
        _checkBox.setHorizontalAlignment( SwingConstants.CENTER );
        // Layout the gui
        _panel.add( _checkBox, BorderLayout.CENTER );
    public Component getTableCellRendererComponent(JTable table, Object value,
        boolean isSelected, boolean hasFocus, int row, int column) {
        if( isSelected ) {
           _checkBox.setForeground(Color.white);
           _panel.setBackground(Color.black);
        } else {
           _checkBox.setForeground(Color.black);
           if( row % 2 == 0 ) {
              _panel.setBackground(Color.white);
           } else {
              _panel.setBackground(new Color(239, 245, 217));
        _checkBox.setSelected( Boolean.valueOf( value.toString() ).booleanValue() );
        return _panel;
}

Is it possible to apply conditional formatting to a cell (or range) based upon a LOOKUP query to cell values in another sheet.? I want to alter the formatting (i.e., text and/or cell background color), but not cell content.

Is it possible to apply conditional formatting to a cell (or range) based upon a LOOKUP query to cell values in another sheet.?
I want to alter the formatting (i.e., text and/or cell background color), but not the content, of the target cell(s).

Hi Tom,
Your LOOKUP formula will return a value that it finds in the "other" table. That value can be used in conditional highlighting rules. (Numbers 3 calls it conditional highlighting, not conditional formatting. Just to keep us awake, I guess, but it works the same).
Please explain what you are trying to do.
Regards,
Ian.

How do I set the background color of a page_item?

I've been pasting "background-color:#5CD65C" in a number of places, like "HTML Table Cell Attributes" under the Label and the Element tabs, but get no results. Can anyone tell me how to set the background color of a cell, please?

Hi Doug,
Dynamic Actions is an alternative also, especially if it is conditional.
Action Set Style
Fire When Event Result Is True
Style Name background-color
Value #5CD65C
Selection Type DOM Object
DOM Object your item name
Set your Condition Type and you have it.
Jeff
Edited by: jwellsnh on May 24, 2011 3:55 PM

Dynamically Set Subreport Background Color to the Same Value as Main Report Background Color

I have a report that contains a subreport. The main report has groupings in it. I am dynamically setting the background color of the group rows based on an expression. That part is working fine. The problem that I am having is that
I don't know how to get the subreport to "inherit" the background color of the grouping that holds it.
Basically, I have different row shadings on my report differentiating the groupings except for the rows where the subreport shows.
How do I go about setting the subreport background color to equal it's contaiing grouping's background color? Thanks in advance for any and all assistance provided.

The parameter method given by gpshukla will send the info to the subreport, but you don't need the color parameter in the main report, only the subreport. The trick is in setting the value of that parameter.
Right-click the cell with the embedded subreport, you can select subreport properties.
Select Parameters and add a parameter.
The name column is the name of the parameter in the subreport (color) and value is the value to set it to.
Set name to "color" (no quotes).
Set Value to the same expression used to set the background color for the row.
In the subreport, click the design surface to select the report (not header or footer).
In the properties pane, select background color and choose expression from the dropdown.
Type =Parameters!color.Value into the expression builder.
This will work assuming that background color in the main report row will not change without also refreshing the subreport.
"You will find a fortune, though it will not be the one you seek." -
Blind Seer, O Brother Where Art Thou
Please Mark posts as answers or helpful so that others may find the fortune they seek.

Right way to change datagrid row, column, cells background colors in code-behind?

Hi all,
I have a winform program that I'm upgrading to wpf (I'm new to wpf). The wpf code for the function (SetdataGridBackgroundColors()) is below with the winform code commented out so I can fix it. I have a datagrid with a Cornsilk background color alteranating
with LightGreen depending on the content of datetime cell. If the day portion of the datetime is different then the color changes from one to the other. I used a colorIndex variable because at the end of the month it could go from 31 to 1 and that would
not work if I use the day directly.
I tried this line to change the background color:
optionsDataDatagrid.RowBackground = new SolidColorBrush(Colors.Cornsilk);
this works but it changes every row. I found this other stuff:
DataGridRow currentRowColor = optionsDataDatagrid.ItemContainerGenerator.ContainerFromIndex(i) as DataGridRow;
//DataGridRow currentRowColor = optionsDataDatagrid.ItemContainerGenerator.ContainerFromItem(optionsDataDatagrid.Items[i]) as DataGridRow;
currentRowColor.Background = new SolidColorBrush(Colors.Cornsilk);
Either ContainerFromIndex or ContainerFromItem throw an exception because currentRowColor is null. I looked at optionsDataDatagrid.Items[i] and is not null. Then I read that using ItemContainerGenerator is not a good idea.
BTW I'm calling SetdataGridBackgroundColors() after datagrid is been filled with data.
So... what is the proper way to set each row, column or cell background color in wpf?
Thanks
private void SetdataGridBackgroundColors()
optionRowData rowData = new optionRowData();
if (optionsDataDatagrid.Items.Count == 0)
return;
int colorIndex = 1;
DateTime savedDate, currentRowDate;
rowData = optionsDataDatagrid.Items[0] as optionRowData;
savedDate = rowData.col_datetime.Date; //only compare the date not the time
for (int i = 0; i < optionsDataDatagrid.Items.Count; i++)
//currentRowDate = Convert.ToDateTime(optionsDataDatagrid.Rows[i].Cells[3].Value); //winform code
//currentRowDate = currentRowDate.Date; //winform code
rowData = optionsDataDatagrid.Items[i] as optionRowData;
currentRowDate = rowData.col_datetime.Date;
if (currentRowDate != savedDate)
colorIndex++;
savedDate = currentRowDate;
if (colorIndex % 2 == 0)
//optionsDataDatagrid.Rows[i].DefaultCellStyle.BackColor = Color.Cornsilk;
//------------------- testing new code --------------begin
optionsDataDatagrid.RowBackground = new SolidColorBrush(Colors.Cornsilk); //this changes all rows
//DataGridRow currentRowColor = optionsDataDatagrid.ItemContainerGenerator.ContainerFromIndex(i) as DataGridRow;
//DataGridRow currentRowColor = optionsDataDatagrid.ItemContainerGenerator.ContainerFromItem(optionsDataDatagrid.Items[i]) as DataGridRow;
//currentRowColor.Background = new SolidColorBrush(Colors.Cornsilk);
//------------------- testing new code --------------end
//optionsDataDatagrid.Columns[4].DefaultCellStyle.BackColor = Color.DarkSalmon;
//optionsDataDatagrid.Columns[5].DefaultCellStyle.BackColor = Color.Aquamarine;
//optionsDataDatagrid.Rows[i].Cells[4].Style.ApplyStyle(optionsDataDataGridView.Columns[4].DefaultCellStyle);
//optionsDataDatagrid.Rows[i].Cells[5].Style.ApplyStyle(optionsDataDataGridView.Columns[5].DefaultCellStyle);
else
//optionsDataDatagrid.Rows[i].DefaultCellStyle.BackColor = Color.LightGreen;
//------------------- testing new code --------------begin
optionsDataDatagrid.RowBackground = new SolidColorBrush(Colors.LightGreen); //this has no effect
//------------------- testing new code --------------end
//optionsDataDatagrid.Columns[4].DefaultCellStyle.BackColor = Color.Coral;
//optionsDataDatagrid.Columns[5].DefaultCellStyle.BackColor = Color.LimeGreen;
//optionsDataDatagrid.Rows[i].Cells[4].Style.ApplyStyle(optionsDataDataGridView.Columns[4].DefaultCellStyle);
//optionsDataDatagrid.Rows[i].Cells[5].Style.ApplyStyle(optionsDataDataGridView.Columns[5].DefaultCellStyle);

I (also) strongly recommend mvvm.
Setting values is a particularly bad idea in this case.
I don't mean to be rude but your explanation of the requirement is kind of vague.
I would bind solidcolourbrushes.
Set the properties based on whatever your logic is within the viewmodel.
You can switch out what each of the brushes holds when the user clicks wherever.
So you use a highlightbrush when something or other is true.
That highlightbrush is set to a blue brush when the user clicks left and a red brush when they click right.
Please don't forget to upvote posts which you like and mark those which answer your question.
My latest Technet article - Dynamic XAML

Cell background colors are not showing in preview - help? - DW4

Hi,
I created a horizontal table for my menu bar, and gave each cell a different color by creating a separate class for each with background image - image is a block of color created in Photoshop. In design mode they look they way I want, but in preview (Safari) the colors don't show up at all - the whole area is gray, and all I see is the text for each cell. Can someone tell me what I'm doing wrong? Alternatively, is there a better way I can set this up to have different colors for each button?
Thank you!

Here is the HTML code, and the CSS code for the menu bar follows:
     ul.MenuBarHorizontal
></style><style type="text/css"><!body {     background-color: #FFF;     font-family: Arial, Helvetica, sans-serif;}-->
    h1.
     ul.MenuBarVertical
[about | MS_about.html]
[fiction | MS_fiction.html]
[dramatic work | MS_dramaticwork.html]
[arts | MS_arts.html]
[contact | MS_contact.html]
[blog | MS_blog.html]
</div></html>
CSS CODE:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* The outermost container of the Menu Bar, an auto width box with no margin or padding /ul.MenuBarHorizontal/ Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html /ul.MenuBarActive{     z-index: 1000;     font-family: Arial, Helvetica, sans-serif;     font-size: medium;     color: #FFF;     background-color: #FFCC99;     background-repeat: no-repeat;     left: auto;     top: auto;     right: auto;     bottom: auto;}/ Menu item containers, position children relative to this container and are a fixed width /ul.MenuBarHorizontal li/ Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) /ul.MenuBarHorizontal ul/ Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item /ul.MenuBarHorizontal ul.MenuBarSubmenuVisible/ Menu item containers are same fixed width as parent /ul.MenuBarHorizontal ul li/ Submenus should appear slightly overlapping to the right (95%) and up (-5%) /ul.MenuBarHorizontal ul ul/ Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
/* Submenu containers have borders on all sides /ul.MenuBarHorizontal ul/ Menu items are a light gray block with padding and no text decoration /ul.MenuBarHorizontal a/ Menu items that have mouse over or focus have a blue background and white text /ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{     background-color: #6C9;     color: #999;     font-family: Arial, Helvetica, sans-serif;     font-size: medium;     font-style: normal;     line-height: normal;     font-weight: normal;     font-variant: normal;     text-decoration: none;     text-align: center;     vertical-align: middle;     height: 50px;     width: 115px;}/ Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{     background-color: #FFCC99;     color: #FFF;     font-family: Arial, Helvetica, sans-serif;     text-decoration: none;     font-size: medium;}
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) /ul.MenuBarHorizontal a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarDown.gif);     background-repeat: no-repeat;     background-position: 95% 50%;     text-align: center;}/ Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) /ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarRight.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/ Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) /ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarDownHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/ Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarRightHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe /ul.MenuBarHorizontal iframe/ HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */@media screen, projection{     ul.MenuBarHorizontal li.MenuBarItemIE     {          display: inline;          f\loat: left;          background: #FFF;
Date: Mon, 20 Jun 2011 15:30:46 -0600
From: [email protected]
To: [email protected]
Subject: Re: cell background colors are not showing in preview - help? - DW4
NEED to see the code.
Otherwise it's like dialing a random phone number, and asking whoever answers, where you left your keys.
>

Table cell background color in PDF

I have a requirement to generate a PDF from a stoplight report.
The stoplight report colors were implemented by setting the background color in table cells
via css (background-color: red;). Its working in the browser but when I generate a pdf the cells show up with grey backgrounds. How can I generate a pdf with the correct colors?
Thanks for your help.
I'm using Apex 3.1 and pdf generation functionality that comes with Apex. I don't have BI Publisher.

Hi David.
At this time you don't get WYSIWYG reports in PDF.
You're limited to the Column Colour settings you can specify in the Print Attributes of the report region but these would apply to all columns in the report and would not be dynamic.
This may be something that is addressed in a future version of APEX.
If anyone else knows different, feel free to chip in.
Regards
Simon

UITableView: set different background colors for header and the table

I would like to set my background color for my UITableView to white and set my tableViewHeader backgroundColor to grayColor similar to the facebook app. When I bounce scroll my table so that you can see above the header, then currently it is white above the header view. I want that to be brown instead.
In the facebook app, above the headerview, it is a blue color and below the table is a white color. If i try and set the UITableView backgroundColor to brown, then the top will be brown, but so will the bottom. Additionally, all of the unset cells will have a brown background instead of white.
Any help with this?

Fixed..

JTable cell background color

Hi All,
I want to change the background color of the same of the cells in jTabel. How can I do that.
Like, I want to keep 3 cells in red color. Another 2 cells in in green color, And keep other cell background color to default.
Also I want to change the background color of the cell, with different selection in other component(like jTree, jList).
Thank you,
Avin Patel

The same cell renderer is used by all cells of the table. You can't just set the background color of a cell once. You have to reset it every time the cell renderer is called (depending on which row/column you are being asked to render). Here is an example:
import java.awt.*;
import javax.swing.*;
import javax.swing.table.*;
public class TableCell extends JFrame
     JTable table;
     public TableCell()
          Object[][] data = { {"1", "A"}, {"2", "B"}, {"3", "C"}, {"4", "D"} };
          String[] columnNames = {"Number","Letter"};
          DefaultTableModel model = new DefaultTableModel(data, columnNames);
          table = new JTable( model );
          // Set default cell renderer
          TableCellRenderer renderer = new TestRenderer();
          table.setDefaultRenderer(Object.class, renderer);
          JScrollPane scrollPane = new JScrollPane( table );
          getContentPane().add( scrollPane );
     public static void main(String[] args)
          TableCell frame = new TableCell();
          frame.setDefaultCloseOperation( EXIT_ON_CLOSE );
          frame.pack();
          frame.setVisible(true);
     class TestRenderer extends DefaultTableCellRenderer
          public Component getTableCellRendererComponent(
               JTable table,
               Object value,
               boolean isSelected,
               boolean hasFocus,
               int row,
               int column)
               super.getTableCellRendererComponent(table,
               value, isSelected, hasFocus, row, column);
               if (column == 0)
                    setHorizontalAlignment( LEFT );
                    setBackground( Color.blue );
               else
                    setHorizontalAlignment( RIGHT );
                    setBackground( Color.green );
               if (row == 1)
                    setBackground( Color.red );
               return this;
}

Calendar Activity instance using calendar cell background color

Hi ,
We have a requirement to show activity instance belong to a certain provider in calendar using the calendar cell background color, instead of the color of activity. Is this possible? If so, how to implement it?
I checked the calendar skin keys here:
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/calendar.jspx
but only find some keys related to activity like "af|calendar::month-time-activity", "af|calendar::all-day-activity" and "af|calendar::month-time-activity". These highlight the activity with color, but not the whole calendar cell.
I saw there is a skin key called "af|calendar::month-grid-cell" which set the background color of the calendar cells for the month. This is similar to what I am looking for, but I would like the cell's background color for the cells of the activity instance only, not all the cells in the month.
Any ideas?
Thanks
-Mina

Hi Mina,
There is a way to highlight cells corresponding to activity by using skinning, but you have to set the backgroud color property: af|calendar::month-time-activity{ background-color: Blue; }
Georgiana :)

How to set a background color to view

Hi All,
i creared a view with 2 textboxes and a button.These elements are in TransparentContainer.I set the background color to the TransparentContainer.By setting color to the TransparentContainer it is comming at the center and the 4 sides of it is displaying in the normal background color of the browser
i didnt find any color options for the view called RootUIElementContainer.the width and height of the view are setted to the browser means 1024*768.
Just like sap editor which we get by the link https://www.sdn.sap.com i want to get my view .....
I want to set color to this RootUIElementContainer element which effect the whole view...not the containers or groups which i add under this RootUIElementContainer
Regards
Padma N

hi Padma,
For changing the background colour you will have to make the change in the theme.
You can download the theme editor plugin for eclipse from SDN. With this plugin, you can make changes to the default themes , save as a new theme
Or if you are using portal, then goto system administrator, theme editor, select SAP Streamline and change the color in Screen areas -> application, then save the theme with different name.
Best regards,
Sangeeta

Can I invoke a SubVI in an event? and how do I set the background color of a pipe to #0000ff?

When I click an image or a glass pipe(which belongs to Industry/Chesmitry category in palette), I want a SubVI to be invoked.
The purpose is to fetch an OPC-UA data from a web service and to write to it via the service.
We are building an HMI solution which displays an interactive water plant diagram.
When users click pipes and motors in the diagram, clicked devices should be turned on and off and change their animations or colors accordingly.
OPC-UA is for communication with devices.
I couldn't even set the background color of a pipe to "#0000ff", but setting it to "Red" or "Blue" was possible, and I don't know how to invoke SubVIs in event scripts.
The documentations in NI.com are confusing and lack depth.
Even silverlight references are confusing.
How do I do all of these?

Hi iCat,
Can you provide some more information about your current implementation so that we can help to answer your questions. Some questions I have for you are:
Are you creating this project in the NI LabVIEW Web UI Builder or in LabVIEW?
How are you publishing your webservice? Is this also in LabVIEW?
How is your webservice interacting with an OPC-UA server?
How is the certification set up with OPC-UA so that you can communicate between the server and the client?
Best Regards,
Allison M.
Applications Engineer
National Instruments
ni.com/support

How to set the Background Color of a Text Field in a Tabular Report.

Hello,
I tried to set the Background Color of a Text Field in a Tabular Report.
But I was not able to change this colur.
In the report attributes --> column attributes
I tried already:
1. Column Formating -- >CSS Style (bgcolor: red)
2. Tabular Form Element --> Element Attributes (bgcolor: red)
but nothing worked.
Can anybody help me?
I Use Oracle Apex 2.2.1 on 10gR2
thank you in advance.
Oliver

in "Report Attributes" select the column to move to the "Column Attributes" page. In the "Element Attributes" field under the "Tabular Form Element" region enter
style="background-color:red;"
I will also check if there is a way to do this via the template and post here again
edit:
in your template definition, above the template, enter the following:
< STYLE TYPE="text/css" >
.class INPUT {background-color:red;}
< /STYLE >
(remove the spaces after the < and before the >)
change "class" to the class that the template is calling
(I'm using theme 9, the table has: class="t9GCCReportsStyle1" so I would enter t9GCCReportsStyle1)
A side-effect of using this second version is that ALL input types will have a red background color--checkboxes, input boxes, etc.
Message was edited by:
TheJosh

How can I set the background color of JLabel?

Can any one tell me how to set the background color of a JLabel?
I have:
JLabel prop = new JLabel("blahblah");
prop.setBackground(Color.red);
Thank you in advance...

JLabel prop = new JLabel("blahblah");
prop.setBackground(Color.red);
prop.setOpaque(true);

Set cell background color conditionally?

Similar Messages

Maybe you are looking for