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,

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

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.

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

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.

Excel Bex column header color

Dear Experts,
Is it changeable for workbook?
It kept reverse back to the default blue color .
Best regards
Bass

Hi Bass,
The most probable reason for this is because you need to have one authorization object in your id : S_RS_TOOLS .
To know how to apply a new theme or style to your workbook , kindly go through the below link for more information :
http://help.sap.com/saphelp_nw70/helpdata/en/54/a493f7256b43698191a2623e5a0532/content.htm
Hope the above reply was helpful.
Kind Regards,
Ashutosh Singh

Interactive Report, issue with backgroud color of Column Heading.

Hi,
I am using Theme -16
and there is a Interactive Report with the following columns Headings
Employee Name   Employee No DOB
Now, the label of the first column is changed from Employee Name to Employee<br>name.
The column heading is now displayed as follows.
Employee   Employee No   DOB
Name         problem is when I add a break in any of the column heading..the background color of the column headings is different than the first one (little bit darker).
Why the background ground of the column heading is different in both these cases??.
Thanks,
Deepak

Why the background ground of the column heading is different in both these cases??.The report heading background is controlled by the CSS rule
.apexir_WORKSHEET_DATA th {
background: #4e4e4e;
font-weight: bold;
color: #fff;
border-top: 1px #ccc solid;
border-bottom: 1px #aaa solid;
white-space: nowrap;
vertical-align: center;
letter-spacing: 1;
font-size: 8pt;
background-image: url(../ws/report_bg.gif);
background-repeat: repeat-x;
}This uses a [gradient image|http://apex.oracle.com/i/ws/report_bg.gif] that is repeated horizontally to provide a shaded background from light to dark grey. As the background image doesn't repeat vertically, when the height of the heading is more than the height of the image the gradient is replaced by the underlying background colour (#4e4e4e). This is what's happening when the break is inserted into the header text: the height of the heading increases, causing more of the darker area of the background image/underlying colour to be visible.

Background color for column heading

Hi,
I have 5 columns in my report and I would like to have different background color for column headings. How can I do this in report templates?
I was looking at Column heading section-
<th class="t10ReportHeader"#ALIGNMENT# id="#COLUMN_HEADER_NAME#">#COLUMN_HEADER#</th>
How can I specify backgrund colors for all columns here?
Thanks in advance

G'day Karen,
Thanks for ur reply.
I have seen this note before, its not that the header colors have changed after latest SP was applied in our systems. Also the ABAP and JAVA stacks are in sync.
Scenario is that we are trying to set up a new Portal theme for Enterprise Reporting with some specific color codes (hex codes).
What i have observed is Characterstics Header background color is set up using the element "Background Color of Level 1 Column Heading ".
While the Background color for Key Figures header is using element "Background Color of Level 2 Column Heading ".
But the problem is element "Background Color of Level 2 Column Heading " is also used as the Background color for Standard Characterstics cell, so if we make it same the whole report of the same color, which we dont want.
Requirement is to get the same Background color for Header cells (both Char. and Key Figure headers).
Any further suggestions will be appreciated.
Thanks
CK

How to Link column header only in classic Report in APEX 4.1

Hello Everybody,
Probably there is a simpler way to do this, but I am not sure. I want a link on column header in Report on a specific column. The link will take me to new region or a page.
How to achieve this in APEX 4.1
Theme : Blue 2
Database 11g
I see there is a column link opiton, but that creates link for every row in that column on a specific icon, I just want link on a title of the column in Classic Report.
For Example,
if there are two columns Name and Client ID, which has 10 records to display on a classic report. I wan the link on Client ID on header only not on the records.
Can anybody provide some simple solution for this.
Thanks,
--CP
Edited by: cpora007 on Jun 22, 2012 10:38 AM

Hello,
I didn't understand, what do you mean by default it is going to sort popup. I have a classic report based on SQL, which generates a report with static header, there is no sort or any other link on that.
I added a link in column header name with an anchor. It works and takes to the new page.
But it is not a proper solution. A solution based on Jquery dynamic action is preferable. Also the preferred option is that the link opens a hidden region of the same page at the same location of the report and the report gets hidden. after the procession on the form region and submitting the update/ insert process. the report region shows up with the change data.
Moving on to new page is 2nd option, if the first do not work.
In the JavaScript, put: apex.submit("GO_TO_MY_OTHER_PAGE");
On the page, create a Branch to the Second page. Set the condition to Request=Expression 1. Set the request to "GO_TO_MY_OTHER_PAGE"
On which page I need to create a branch?, Is it on the report page or the form page.
Thanks a lot for the response. I appreciate your kind efforts in this regard.
--CP

How can I change the color of a column header?

I need to change the color for some column header, how can I do it in webdynpro ABAP? Is it possible?

hi ,
i have used in alv....
<font color="RED">text</font>
but i think it is not possible to change the colour in table ui element.
regards,
sahai.s

Table css column-header text color not working

When setting
-fx-text-fill: red;
in a css table, it does not change the header to tex to red. Is there another value? .table-view .column-header {

You have to override the following from the caspian.css:
.table-view .column-header {
    -fx-text-fill: -fx-selection-bar-text;
    /* TODO: for some reason, this doesn't scale. */
    -fx-font-size: 1.083333em; /* 13pt - 1 more than the default font */
    -fx-size: 25;
    -fx-border-style: solid;
    -fx-border-color:
          Inner border: we have different colours along the top, right, bottom and left.
          Refer to RT-12298 for the spec.
        derive(-fx-base, 80%)
        linear-gradient(to bottom, derive(-fx-base,80%) 20%, derive(-fx-base,-10%) 90%)
        derive(-fx-base, 10%)
        linear-gradient(to bottom, derive(-fx-base,80%) 20%, derive(-fx-base,-10%) 90%),
        /* Outer border: */
        transparent -fx-table-header-border-color -fx-table-header-border-color transparent;
    -fx-border-insets: 0 1 1 0, 0 0 0 0;
    -fx-border-width: 0.083333em, 0.083333em;
.table-view .column-header-background {
    -fx-background-color: -fx-body-color;
    -fx-padding: 0;
}

Change Column Header / Column Background color based on a value in a specific row in the same column

SSRS 2012
Dataset (40 columns) including the first 3 rows for Report layout configuration (eg: the <second> row specifies the column background color).
Starting from the 4th row, the dataset contains data to be displayed.
I would like to change the background color of the ColumnHeader/Column based on the value in the same column in the <second> row.
How can I accomplish the this requirement? (this must be applied for all the columns)
Thanks

Hi Fasttrck2,
Per my understanding that you want to specify the background color of all the columns/column header based on the value in one special column of the special row, right?
I have tested on my local environment and you can add expression to condition show the background color in the columns properties or the column header properties.
Details information below for your reference:
Specify the background color in the Column header: you can select the entire column header row and in the properties add expression in the Background color :
If you want to specify the background color for the entire column, you can select the entire column and add the expression, repeat to add background color for other columns.
If you want to specify the background color based on the value in the specific columns and row, you can create an hidden parameter to get the list of values from the specific column, specify the Available values and default values by select "Get
values from a query", finally using the expression as below to get the specific value you want:
Expression(Backgroud Color):
=IIF(Parameters!Para.Value(1)="1221","red","yellow")
If your problem still exists, please try to provide some smaple data of the report and also the snapshot of the report structure to help us more effective to provide an solution.
Any problem, please feel free to ask.
Regards
Vicky Liu
If you have any feedback on our support, please click
here.
Vicky Liu
TechNet Community Support

Multi-colored JTable column heading? How?

Hi,
I'm looking for a way to have JTable column heading text
that can be displayed in multiple colors, so one string
in one column header, might have each letter a different
color.
My application requires highlighting some of the letters
of a word as red, while others are normal text (black).
I've been using multi-line strings to simulate vertical
naming for my column header, for example:
PPP
I I I
N N N
1 2 3
for PIN1, PIN2, PIN3. The column data has a binary
one or zero for each pin, grouped together in one JTable
column. In my application, if there is an error, I want to
color just the text representing, say PIN2 red and leave
the surrounding PIN1 and PIN3 black.
What approach should I take for doing this with JTable?
Thanks!
John Roberts
[email protected]

You should override the default cell renderer used by Java
- JTable.getTableHeader().setDefaultRenderer(yourRenderer)
Extend yourRenderer from JLabel and use HTML tags to change the color.
- setText on JLabel with the HTML code like "<HTML> <BODY> <FONT COLOR="red"> A </FONT> <FONT COLOR="green"> B </FONT></BODY> </HTML>"

IR Report Freeze Column Header Row

In Interactive Report, Can we freeze the column header row ? This is a most wanted requirement asked by customers. More than 50 times requested in past month.
Please help

I have been playing with this problem and came up with this potential solution that has so far worked for me.
Caveats: I am new to this type of coding so check it carefully. It only works with Internet Explorer (its what we use at work). I hope to have a Firefox version someday. Some code used was found online. I gave it proper credit in my usage.
Instrcutions:
In the HTMLHeader of the Edit Page, paste the code shown below. It will lock/freeze the header of an interactive report and (optionally), any number of columns to the left of the report.
To customize it for your needs,
1. edit the line that reads: var LOCKED_COLUMNS=2; to reflect the number of columns to be locked (0 won't lock anycolumns)
2. edit the style section that reads:
<code>
div#apexir_DATA_PANEL
width: 300px; height=200px; overflow: scroll; position:relative; float:left;
</code>
to reflect the width and height for you scrolling window.
3. optionally turn of the pagination (under Pagination in the Report Attribute pagefor the region) if you want to scroll through your entire dataset without paging [possible performance implications].
I tested this with Apex 3.2 and with several themes (1, 3 and8). Hopefully it will work for you.
The code follows:
=====================================
<code>
<script>
// This code copied from: http://javascript.about.com/library/bldom08.htm
document.getElementsByClassName = function(cl)
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++)
var classes = elem.className;
if (myclass.test(classes)) retnode.push(elem[i]);
return retnode;
// End of code copied from: http://javascript.about.com/library/bldom08.htm
var LOCKED_COLUMNS=2;
function applyCSS()
var data_Table=document.getElementsByClassName('apexir_WORKSHEET_DATA');
var tr_Tags=data_Table[0].getElementsByTagName('tr');
for (var i=0;i<tr_Tags.length;i++)
var tab_Cells=tr_Tags[i].childNodes;
for (var j=0; j<LOCKED_COLUMNS; j++)
if (tab_Cells[j].nodeName != 'TD')
{ tab_Cells[j].setAttribute('id', 'Lock_Lateral_Vertical'); }
else
{ tab_Cells[j].setAttribute('id', 'Lock_Lateral'); }
window.onload=applyCSS;
</script>

</code>
================================
ackness

Multiple column heading for sql that returns single column

Hi All,
I have just started using APEX and my apex version is 3.2.0.00.27.
We have a report that displays the output from a query similar to the below one. We are using borderless template and removed the "before each row" and "after each row" values to allow the output displayed in table format.
Now we wanted to include heading for each column displayed in table. We wanted to include headings from a derived value, Example for column1 , heading need to display the sysdate and column2 heading should be sysdate-1 and so on. But the column attribute tab is having only one column My_rep. Not sure how to se pl/sql type column heading in this case. Could someone please help me to achieve this?
Please let me know if I have missed to provide any other details. Thanks in advance.
select '<tr>
    <td>' || column1    || '</td>' ||
    <td>' || column2    || '</td>' ||
    <td>' || column3    || '</td>' ||
    <td>' || column4    || '</td>' ||
    || '</tr>' My_rep
from mytable

22335813-cfb0-46c4-9bef-b61a46f0de67 wrote:
Please update your forum profile with a real handle instead of "22335813-cfb0-46c4-9bef-b61a46f0de67"
I have just started using APEX and my apex version is 3.2.0.00.27.
Upgrading from this unsupported version to the current 4.2 release is recommended.
When you post a question, always include the following information in addition to the full APEX version number:
Full database version, edition and host OS
Web server architecture (EPG, OHS or APEX listener), server platform, and host OS
Browser(s)/version(s) used
UI/Theme
Templates
Region type (making particular distinction as to whether a "report" is a standard report, an interactive report, or in fact an "updateable report" (i.e. a tabular form)
With APEX we're also fortunate to have a great resource in apex.oracle.com where we can reproduce and share problems. Reproducing things there is the best way to troubleshoot most issues, especially those relating to layout and visual formatting. To get a detailed answer then it's appropriate for the questioner to take on a significant part of the effort by reproducing the problem on apex.oracle.com before asking for assistance with specific issues, which can then be seen at first hand in a real APEX environment.
we wanted to get a report in Apex with the below format. and we wanted to change background color of each cell depends on the combination of code||status
Heading        sysdate             sysdate-1              sysdate-2                              ...(sysdate-30
======        ======          ========               =======
name         code||status                                   code||status
name                                  code||status
we are using the below query to get this table format. But heading is the issue we are facing now
select '<tr>
    <td>' || name    || '</td>' ||
    '<td style=background-color:' || case when sysdate0='0C' then 'Green' when sysdate0='0I' then 'Red'     when (substr(sysdate0,1,1)!='0' and substr(sysdate0,1,1)='I') then 'Orange' else 'Yellow' end || '> &nbsp' || sysdate0 || ' &nbsp</td>' ||
    || '</tr>' repcolumn
from
(select
        a.name,
        max(decode(trunc(a.ardate),trunc(sysdate), a.code||a.STATUS , '' ))   sysdate0,
        max(decode(trunc(a.ardate),trunc(sysdate-30), a.code||a.STATUS , '' )) sysdate30
from
        mytab a
where
        a.ardate>=sysdate-30
group by a.name)
See Re: Matrix report for a custom report template-based solution to a similar problem, with dynamically generated column headings.

APEX 4 IR Column Heading colors

Similar Messages

Maybe you are looking for