DataGridColumn Header Color

How do I define the background color of a Datagrid's header?
I'm building the Datagrid dynamically, creating each
DataGridColumn. How do I change the background color of a
DataGridColumn's header?

Set your headerColors in the css for the datagrid and then
define a headerStyleName
DataGrid {
headerColors:#606060,#ffffff;
headerStyleName:"gridHeaderStyle";
.gridHeaderStyle {
color: #fff666;
}

Similar Messages

Change column header color LV 8.20

I am displaying tabular data and a graph. How do I change the table column heading color, so they match the colors assigned to the graph?
Thanks,
Jim Purdy
LabVIEW 8.21 on WinXP

Hi Jim,
try yourself with this VI. Consider the "active cell" indices are I32, so they can be negative.
Greets, Dave
Greets, Dave
Attachments:
change Table Color.vi ‏12 KB

APEX 4 IR Column Heading colors

When column labels in APEX 4 split into 2 lines, the expanded column heading colors don't match. See the below example.
http://apex.oracle.com/pls/apex/f?p=35096:2
The column label "User<br> Name" is causing the header to have two colors. This was not an issue in previous versions of APEX. How can this be fixed?
Rob
Edited by: rlm on Jul 7, 2010 5:00 AM

Hi,
When you overwrite css styles the order is important. Your code source (extract):
<head>
<title>Report on DEMO_USERS</title>
<link rel="icon" href="/i/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/i/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/i/css/apex_4_0.css" type="text/css" /><link rel="stylesheet" href="/i/libraries/jquery-ui/1.8/themes/base/jquery-ui-1.8.custom.min.css" type="text/css" /><script type="text/javascript">var apex_img_dir = "/i/", htmldb_Img_Dir = apex_img_dir;</script><script src="/i/libraries/jquery/1.4.2/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/i/javascript/apex_4_0.js" type="text/javascript"></script>
<script src="/i/javascript/apex_legacy_4_0.js" type="text/javascript"></script>
<script src="/i/javascript/apex_widget_4_0.js" type="text/javascript"></script>
<script src="/i/javascript/apex_dynamic_actions_4_0.js" type="text/javascript"></script>
<script src="/i/libraries/jquery-ui/1.8/ui/minified/jquery-ui-1.8.custom.min.js" type="text/javascript"></script>
<style type="text/css">
.apexir_WORKSHEET_DATA th
background: #605E5E;
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/i/themes/theme_1/css/theme_4_0.css" type="text/css" />



</head>note that theme_4_0.css include comes after your code, try put your code after the inclusion.
Kind regards,

Portlet Header Color

Hi All,
I want to know , how to change the style of a page so that each Portlet can be displayed with his own Portlet Header color but not with the default
Portlet Header color of the page:
Is this possible?
Thanks in advance
null

The page style allows you to define only one color for the portlet header. You could try adding some HTML portlets to your page that override the style used for the portlet header.
Regards,
Jerry

DataTable header colors

Is there any way to set the header colors for individual columns vs. setting the color for the entire header?

I wrote up the solution for this and was about to post when I decided I'd better try it. Then I found it doesn't work; there's a bug in the JSF Data Table which causes the columnClasses property to not apply to the cells in the header section. (If you look at the rendered html page, you can see each <td> is assigned an item from the columnClasses list, but this is not the case for the <th>'s.). Or alternatively, the JSF data table authors did this deliberately, but failed to provide a style list property for the header; the "headerClass" property is not an iterator like rowClasses/columnClasses.
Thus, the solution I was going to suggest doesn't work for the data table.
With that fixed, the solution would have been this:
You should use the columnClasses property on the data table. (See this blog entry for more information on how that works:
http://blogs.sun.com/roller/page/tor/20041004#aligning_text_in_tables)
Note however that this will set the styleclass properties for the columns on every ROW in the table, not just in the header.
So assuming your columnClasses property for your three-column table was this: "col1,col2,col3"
you should put rules like this in the stylesheet:
thead .col1 { background-color: orange }
thead .col2 { background-color: indigo }
thead .col3 { background-color: lime }
In other words, you're writing rules for the case where there's a col1 class on an element within a <thead>.
-- Tor
http://blogs.sun.com/tor

Changing the Column Header Color

I would like to change the foreground and background color of a column header when the user clicks on the column. I know how to detected when the user clicks on a given column, and I know there is a setBackground and setForeground method that needs to be called, the that is my problem, I don't know which setBackground/Foreground methods to call.
Thanks in advance for any help.

Hi,
I fixed my problem using the setBorder() method for my table header.
thanks.

Help!!!! with DatagridColumn Header

Hi all!
This is my problem... I have a datagrid with itemrenderers in the header of some columns allowing to filter the results. The item renderer consist in a label and a custom control that displays a list with checks to select multiple values. I want to allow the user can click on the header (with the itemrenderer) to sort the results, but when I enable the property sortable of the column, whenever I click on the list to select the records it also fires up the sorting event of the header. I don't know how to set an event o diferentiate the events in the header of the column to avoid this problem.
Thanks for yous comments and Ideas!!!

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="library://ns.adobe.com/flex/mx"
                     xmlns:fx="http://ns.adobe.com/mxml/2009"
                     xmlns:s="library://ns.adobe.com/flex/spark"
                     xmlns:CustomComboBox="com.CustomComboBox.*"
                     xmlns:acm="com.acm.*" horizontalAlign="center" added="vbox1_addedHandler(event)"
                     width="100%" height="100%" paddingLeft="1" paddingRight="1" >
          <fx:Script>
                    <![CDATA[
                              import com.cesan.common.exceptions.CESANError;
                              import mx.collections.ArrayCollection;
                              import mx.controls.DataGrid;
                              import mx.controls.dataGridClasses.DataGridColumn;
                              [Bindable]
                              public var arrDatos:ArrayCollection = new ArrayCollection();
                              [Bindable]
                              public var strDataField:String = "";
                              protected function vbox1_addedHandler(event:Event):void
                                        // TODO Auto-generated method stub
                                        if (ccFiltro!= null)
                                                  ccFiltro.addEventListener(MouseEvent.CLICK, click);
                              protected function ccFiltro_addedToStageHandler(event:Event):void
                                        // TODO Auto-generated method stub
                                        ccFiltro.addEventListener(MouseEvent.CLICK,click);
                    ]]>
          </fx:Script>
          <s:Group width="100%" height="100%" >
                    <s:VGroup width="100%" height="100%" >
                              <s:Label id="lblHeaderText" text="{data.headerText}" width="100%" textAlign="center" height="50%" />
                              <acm:ComboCheck id="ccFiltro" dataProvider="{arrDatos}" labelField="label" addedToStage="ccFiltro_addedToStageHandler(event)"
                                                                      width="100%" />
            </s:VGroup>
          </s:Group>
</mx:VBox>
I'm Using a standard Datagrid, no te AdvanceDatagridColumns. This is the code from my headerrenderer. When I capture the click event in teh Datagrid Class. when I see the property event.target.automationOwner ... it shows HGroup that I don't have.. if I saw the same property under the HGroup I found VGroup that I suppose it is the one that contains the label and the ccFiltro component.

AdvancedDataGrid view Header color and text

Hi,
I want to change the color of datagrid header as well as change the color of header text(only) not entire column.
i dont know how to do this .please help me boz i m new in flex.

Nevermind, i figured out that you keep the same way of drawing for lines and ovals in graphics2d as in regular graphics...
anyways, I tried this and what happens is that everything turns black... the background does not change...
i think it has something to do with the following important lines:
metabolicImage = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
Graphics2D g;
g = (Graphics2D) metabolicImage.getGraphics();
g.setPaint(Color.white);
then later....
          if (type == 'C')
               StringTokenizer circ = new StringTokenizer(Instr, "\t");
          trash = circ.nextToken(); // get first token C1, C2, etc
          x =     Integer.parseInt(circ.nextToken()); // get circle's x location
          y = Integer.parseInt(circ.nextToken()); // circle's y location
          r = Integer.parseInt(circ.nextToken()); // circle's radius
          g.setPaint( Color.black );
          g.drawOval(x-4,y-4,2*r,2*r);
I think somehow the image has a default background... is there anyway to change the color of the image background?

Changing only column header color

Hello,
I changed the background color of the tabel to white. But column headers are also appearing as white. How can I change the color of column headers only. I tried several combinations...no luck.
Thanks,
Sunita.

Hi Sunitha,
You do like below.
1)In the Table Column delete the dafault Table header.
2)Insert FixedYTopCell to the above column and insert TextView to FixedYTopCell.
3)Change the cell Design Property of FixedYTopCell to grouplevel2
4)Change the SemanticColor Property of TextView to negative or accroding to your.
That will change header column color
Regards
-SS

HT203244 changing header color in safari

IS IT POSSIBLE TO CHANGE FONT SIZE AND OR COLOR IN THE HEADER(S) IN SAFARI ..? MY EYE SIGHT IS POOR AND LARGER FONT WOULD HELP. TRIED THE ACCESSIBLITY OPTIONS WITH LITTLE HELP

why doesn't anybody answer this ? i have the same problem......
also, my table appears with the correct data but is wayyyyyyy too large for any browser - i gave the table the attribute width="800px".....
and also, the lines are very large, the font too large......
how do i customize all this ?
thx,
dom.

Change in header color

Hi people,
i need to change the header row color into red and also i need to insert hyperlink to the header row.
so i created an ABAP OO class in se24 with super class as
CL_RSR_WWW_MODIFY_TABLE. then i redefined the CAPTION_CELL method as
if I_X = 1.
move 'SAPBEXSTDDATARED' to C_CELL_STYLE.
concatenate '<a href=' C_CELL_CONTENT'.html>' <C_CELL_CONTENT '</a>'
into
C_CELL_CONTENT.
endif.
The same thing i did in DATA_CELL method.
when i tried activating the class, i am getting an error saying that "Method DATA_CELL and CAPTION_CELL are not declared or inherited in class Zfirst".
Is there is work around to solve this issue?
Thanks in advance.
Regards

Did you make the changes to the class by going thru re-define for each of the methods after setting CL_RSR_WWW_MODIFY_TABLE as the superclass. Also make sure under the properties tab of you class you have set the instantiation type to 'PUBLIC'.
The SAP How to Paper gives step by step instructions on doing the same.
Thanks.

How can i set the Header colors for a group ui element

Hi All,
              I Created a View Container in that i crated 2 views. In first view i created a group and in second
view also i created a group. I want to set The First view group header colour as Golden colour and for second view group heder colour as Green colour. Please any one help me on this.
Thanks&Regards,
Bhargava.

Dear Jean,
                 i creted the theam. in the Complex Element Group i changed the Primary group colour to Golden Colour and secondry group colour to Green Colour. but in my application for all group's header it iis taking the golden colour.
                         in my senario i have 2 views in view container. each view have the separate Group ui element. i wan to set golden colour for first view's group and Green colour for the Second View Group.
how can i do that.
Thanks&Regards,
Bhargava.

Change Data Table column header color

How do I change the background color displayed in data table column headers?

Thanks for your response. Problem is that I'm creating a portlet and the stylesheet.css file does not appear to exist, so Winston's blog does not help.

What controls heading colors in SAP BI 4.0 Web intelligence?

My user is running a crosstab query against the first .unx universe published in production.
We are on SAP BI 4.0 no SP.
When a normal query is run the heading columns default backkground blue and print white.
However, on the crosstab the other groups on top and filters on the left defaulted black print on the blue background. This is a different default than he expected or wanted.
What would have caused this? Can this be set to always default as a single query?
I will tag this question in the Semantic Layer as well because I am being asked did this happen in the Information Design Tool - .unx. or in SAP BO.
See attached snagit of his results.
It's the little things in life that make us go Hmmm?

On XI 3.x, I believe the default appearance settings are governed by an XML file (defaultConfig) and can be changed, if you know what you're doing.
In my installation, the path is:
(INSTALLDIR)...\Business Objects\Tomcat55\webapps\AnalyticalReporting\webiApplet\AppletConfig\defaultConfig.xml
Example:
Can't comment on 4.x though, it may well have changed completely....IIRC it's all CSS based now isn't it?
Edit: Yep - see here: Cascading Style sheet modify for webi in 4.0 | SCN
NMG

How to change IM chat heading color?

Is there a way to change the color of the text " ____ is typing... "
This post was transferred from its previous location to create its own new topic here; its subject and/or title has been edited to differentiate the post from other inquiries and to reflect the post's content. A link to this post appears where the post was originally added.

No, there's no way to change the color of anything. It's one of the most commonly requested options, especially from people with impaired vision.
Sean Ellis - uses Skype chat for serious work
Click here to read my blog post on Skype 7 and basic principles of GUI design

DataGridColumn Header Color

Similar Messages

Maybe you are looking for