Background color in Apex
Hi All,
I have added tabs(HTML) which contains image. i want to set the background image with the same color of the tab? can anyone please help ?
I am using oracle apex 4.0
Regards
Theva
Theva,
how to change the color of the background image? You will probably get a good answer in a photoshop or gimp forum. E.g. use a gray / transparent image which will adapt to the background color automatically.
Jens
Similar Messages
-
How to set background color for textarea
Hi all,
I have created an application in Apex 3.2.
I am now able to disable the text fields, select lists and textarea.
Ex:
function disableDD()
var v_ddays = document.getElementById("P2_DELINQUENCY_DAYS");
v_ddays.value = "";
v_ddays.disabled = true;
v_ddays.style.background = '#cccccc';
}The background color thing is working for all the text fields, but the same is not working with the textarea.
Any help please....There is no button involved in the following code, but it may
be of use to you:
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="init()">
<mx:Script>
<![CDATA[
private var origColor:uint;
private function init():void {
origColor = dc.getStyle("selectionColor");
public function setBackGrdColors(newColor:uint):void {
dc.setStyle("selectionColor", origColor);
if(dc.selectedDate){
var dayOfWeek:Number = dc.selectedDate.day;
else{
return;
switch(dayOfWeek) {
case 0:
if(sun.selected)
dc.setStyle("selectionColor", newColor);
break;
case 1:
if(mon.selected)
dc.setStyle("selectionColor", newColor);
break;
case 2:
if(tue.selected)
dc.setStyle("selectionColor", newColor);
break;
case 3:
if(wed.selected)
dc.setStyle("selectionColor", newColor);
break;
case 4:
if(thu.selected)
dc.setStyle("selectionColor", newColor);
break;
case 5:
if(fri.selected)
dc.setStyle("selectionColor", newColor);
break;
case 6:
if(sat.selected)
dc.setStyle("selectionColor", newColor);
break;
default:
break;
]]>
</mx:Script>
<mx:VBox horizontalAlign="center" verticalGap="20">
<mx:DateChooser id="dc" textAlign="left"
change="setBackGrdColors(cellColor.selectedColor)"/>
<mx:HBox width="100%" horizontalAlign="center">
<mx:CheckBox id="sun" label="Sun"/>
<mx:CheckBox id="mon" label="Mon"/>
<mx:CheckBox id="tue" label="Tue"/>
<mx:CheckBox id="wed" label="Wed"/>
</mx:HBox>
<mx:HBox width="100%" horizontalAlign="center">
<mx:CheckBox id="thu" label="Thu"/>
<mx:CheckBox id="fri" label="Fri"/>
<mx:CheckBox id="sat" label="Sat"/>
</mx:HBox>
<mx:HBox width="300" horizontalAlign="center">
<mx:Label text="Background Color" />
<mx:ColorPicker id="cellColor"
selectedColor="#FF00FF"/>
</mx:HBox>
</mx:VBox>
</mx:Application> -
Can we change the background color of a Standard report "column"?
4.2.1
Theme 24 - Cloudy
Hi There,
I searched this forum and online but did not get a straight forward way to change the color of a standard classic Apex report column. I want the whole columns background color to be blue. I tried some of the suggestions for using span etc, but they did not work.
Was wondering if anyone has a solution for this? would be very helpful!
Thanks,
RyanUse a custom named column report template with <tt><colgroup>/<col></tt> and CSS as in these threads.
Could also be done with JavaScript, but if the entire column is to be coloured (rather than individual cells based on some condition), the template approach will be simpler and have better performance -
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.
Oliverin "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 -
Set background color for conditional text fields by click of button.
Hi,
I am new to apex, the scenario is when i click on a button i.e. Save, it shoulld compare 2 fields P1 and P2 which are text fields.
If the value of P1 is greaterthan P2 then the whole P1 text field background color should change to "Red" otherwise in any other condition the P1 field should be "Green" color.
In which section the color function should be called on the Save button?
On the page in the HTML Header section i have added the below code but the background color is not getting set.
<script type="text/javascript">
function fncChangeColor()
var num1 = $v('P1');
var num2 = $v('P2');
if ( num1 > num2 ) {
document.getElementById("P1").style.background = "RED";
else {
document.getElementById("P1").style.background = "GREEN";
</script>
Can any one help me in moving ahead with this scenario with a detailed information.
Thanks,
Priyanka.Hi,
Call function on button URL target
javascript:fncChangeColor()If button should submit page, then I think you do not need color field to green.
Just change to run submit function.
<script type="text/javascript">
function fncChangeColor(){
var num1 = $v('P1');
var num2 = $v('P2');
if ( num1 > num2 ) {
$x("P1").style.background = "RED";
return false;
apex.submit({request:"YOUR_REQUEST"});
</script>Regards,
Jari -
Hello all.
I currently have 5 Regions on one page and would like to create visual queues by adding a background color to each region.
Are there any examples available for me to implement something like this?
Your guideance is very much appreciated
Thanks>
If you want to change the background colour of the region then,
Open region properties and put BGCOLOR="FF0000" in Region HTML table cell attributes property
>
Ugh. Don't. <tt>bgcolor</tt> went out with the ark and it's not coming back. (And depending on region position, HTML table cell attributes might not be applied anyway.)
I currently have 5 Regions on one page and would like to create visual queues by adding a background color to each region.In APEX the presentational aspects of an application are controlled using a combination of (X)HTML and CSS via themes and templates.
The existing theme styling on the templates used by these regions will impact attempts to apply background colors to regions individually, so the necessary changes are likely to be theme and template dependent. Before giving any suggestions or examples we need to know:
- APEX version
- Web server architecture (EPG, OHS or APEX listener)
- Browser(s) used
- Theme used
- Templates used
- Region/Report/Process type
and
- Any idea what colors you intend to use?
- Are there 5 different colors? Will this number ever change?
- Is this required on only one page, or on several? -
Hi there, I want to change the background-color of the browser, when a popup-picture is shown. This picture pops up by clicking a hyperlink in the text...can anyone help me please...thanks a lot
Hi,
CSS is interpreted by your browser, so server cache seems unlikely in htis case. There is however some hierarchy in CSS, so parts of the APEX CSS, theme CSS or page CSS might overwright or block yours.
Does changing the CSS on runtime affect your page? Eg, run the following in your browser console and see if your page turns black: $('#uBodyContainer').css("background-color","black")
Also try moving up your css in the hierarchy labeling it as important:
div#uBodyContainer {
background-color:#000000 !important;
See:Assigning property values, Cascading, and Inheritance
Regards,
Vincent
http://vincentdeelen.blogspot.com -
Printing AnyGantt creates black background color
I use a customized AnyGantt chart. When I try to print it on a page A3 I get a mean issue with the background color. It becomes black. The Chart itself looks good.
When I try the same with examples from AnyChart.com the no black background appears. I don't see a difference.
The black background occurs with my PDF Creator, my real printer and if I save it as a picture.
Example application: http://apex.oracle.com/pls/apex/f?p=ANYGANTT_PROBLEM:1
If you add my source code as XML data you should see a nice Gantt diagram with damn printing problems!
Here is my source code:
<?xml version = "1.0" encoding="UTF-8" standalone = "yes"?>
<anygantt>
<settings>
<print mode="SinglePage">
<margin left="10" top="80" bottom="20" right="10" />
</print>
<navigation enabled="True" position="Top" size="30">
<buttons collapse_expand_button="false" align="Far"/>
<text>AU 2011</text>
<font face="Verdana" size="10" bold="true" color="White"/>
<background>
<fill type="Gradient">
<gradient>
<key color="#B0B0B0" position="0"/>
<key color="#A0A0A0" position="0.3"/>
<key color="#999999" position="0.5"/>
<key color="#A0A0A0" position="0.7"/>
<key color="#B0B0B0" position="1"/>
</gradient>
</fill>
<border type="Solid" color="#494949"/>
</background>
</navigation>
</settings>
<styles>
<defaults>
<period>
<period_style>
<tooltip>
<text>
Description: {%activity}
Time: {%start} - {%end}
</text>
</tooltip>
</period_style>
</period>
</defaults>
<period_styles>
<period_style name="1"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#64b1db"></fill><border enabled="true" color="#4983a3"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="2"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#eaac85"></fill><border enabled="true" color="#c4896f"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="5"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#337d1c"></fill><border enabled="true" color="#1a3e0e"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="6"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#56d7bf"></fill><border enabled="true" color="#49a386"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="7"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#ef9c34"></fill><border enabled="true" color="#a05f0d"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="8"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#d043c3"></fill><border enabled="true" color="#7e2075"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="9"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#cccd18"></fill><border enabled="true" color="#767713"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="10"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#87aa22"></fill><border enabled="true" color="#617a1a"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="11"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#124c87"></fill><border enabled="true" color="#0d3a68"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
</period_styles>
</styles>
<timeline>
<plot line_height="50" item_height="44" item_padding="3"/>
<scale start="2011.2.1" end="2012.2.1" >
<patterns>
<years>
<pattern>%yyyy</pattern>
</years>
<months>
<pattern>%MMMM</pattern>
<pattern is_lower="true">%MMMM</pattern>
</months>
<weeks>
<pattern>KW %e</pattern>
<pattern is_lower="true">KW %e</pattern>
</weeks>
<days>
<pattern>%dd</pattern>
<pattern is_lower="true">%dd</pattern>
</days>
</patterns>
<zoom>
<maximum date_unit="Month" pixels="180" />
</zoom>
</scale>
</timeline>
<datagrid enabled="true" width="180">
<columns>
<column width="180" cell_align="Left">
<header><text>Categories</text></header>
<format>{%Name}</format>
</column>
</columns>
</datagrid>
<resource_chart>
<resources>
<resource name="AA" id="102"><attributes><attribute name="code">Das Test Test Test Test für Test Test Test im Jahr</attribute></attributes></resource>
<resource name="BB WP" id="103"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="CC SP" id="104"><attributes><attribute name="code">Test SP</attribute></attributes></resource>
<resource name="DD" id="105"><attributes><attribute name="code">Test</attribute></attributes></resource>
<resource name="EE" id="106"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="FF" id="107"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="GG" id="108"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="HH" id="109"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="II" id="110"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="MM" id="111"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="NN" id="112"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="KK" id="113"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="RR" id="114"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="TT / PR" id="115"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="SS" id="116"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="XX" id="117"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="ZZ" id="118"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="QQ" id="119"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="Test (1)" id="120"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="Test (2)" id="121"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="Test (3)" id="122"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="Test (4)" id="123"><attributes><attribute name="code"></attribute></attributes></resource>
</resources>
<periods>
<period resource_id="104" name="112" start="2012.1.30" end="2012.2.26" style="8"><attributes><attribute name="activity">asdsadasdsad</attribute><attribute name="anzeige_text">666666</attribute></attributes></period>
<period resource_id="106" name="118" start="2011.2.18" end="2011.3.9" style="1"><attributes><attribute name="activity">asdfasdfsadf </attribute><attribute name="anzeige_text">234324324234</attribute></attributes></period>
<period resource_id="105" name="117" start="2011.4.18" end="2011.4.9" style="1"><attributes><attribute name="activity">asdfasdfasdf -</attribute><attribute name="anzeige_text">345435435</attribute></attributes></period>
<period resource_id="107" name="120" start="2011.1.18" end="2011.2.9" style="1"><attributes><attribute name="activity">adfasdfsdaf</attribute><attribute name="anzeige_text">4534535435</attribute></attributes></period>
<period resource_id="104" name="111" start="2011.2.28" end="2011.8.28" style="2"><attributes><attribute name="activity">afesdfsf</attribute><attribute name="anzeige_text">G33333t</attribute></attributes></period>
<period resource_id="104" name="110" start="2011.1.31" end="2011.2.27" style="7"><attributes><attribute name="activity">Vadfsdfsdf</attribute><attribute name="anzeige_text">1111222</attribute></attributes></period>
<period resource_id="105" name="114" start="2011.1.3" end="2011.1.17" style="9"><attributes><attribute name="activity">adsfsdf</attribute><attribute name="anzeige_text">9999</attribute></attributes></period>
<period resource_id="109" name="121" start="2011.1.3" end="2011.1.17" style="1"><attributes><attribute name="activity">adfsfddsafe_text">99997777</attribute></attributes></period>
<period resource_id="108" name="116" start="2011.1.3" end="2011.1.17" style="9"><attributes><attribute name="activity">aedsfasdf </attribute><attribute name="anzeige_text">9999</attribute></attributes></period>
<period resource_id="106" name="115" start="2011.1.3" end="2011.1.17" style="9"><attributes><attribute name="activity">adfsf </attribute><attribute name="anzeige_text">*1231237,95 €</attribute></attributes></period>
<period resource_id="105" name="119" start="2011.2.10" end="2011.3.6" style="1"><attributes><attribute name="activity">999 - 06.03</attribute></attributes></period>
<period resource_id="102" name="106" start="2011.6.15" end="2011.8.29" style="1"><attributes><attribute name="activity">Soasdfasdfext">Sommerlaune</attribute></attributes></period>
<period resource_id="102" name="113" start="2011.8.30" end="2011.12.23" style="2"><attributes><attribute name="activity">Eiasdasdttribute</attribute><attribute name="anzeige_text">888888</attribute></attributes></period>
<period resource_id="102" name="105" start="2011.3.30" end="2011.6.14" style="2"><attributes><attribute name="activity">FamasdsadW 23</attribute><attribute name="anzeige_text">88 +77</attribute></attributes></period>
<period resource_id="115" name="125" start="2011.5.30" end="2011.7.14" style="11"><attributes><attribute name="activity">Familsdasdofrost* - </attribute><attribute name="anzeige_text">999</attribute></attributes></period>
<period resource_id="103" name="108" start="2011.8.1" end="2011.8.28" style="6"><attributes><attribute name="activity">Verasdasdung WP</attribute><attribute name="anzeige_text">333</attribute></attributes></period>
<period resource_id="103" name="109" start="2011.8.29" end="2012.3.4" style="5"><attributes><attribute name="activity">Güsdsadkeit</attribute><attribute name="anzeige_text">11133</attribute></attributes></period>
<period resource_id="109" name="122" start="2011.10.7" end="2011.12.29" style="8"><attributes><attribute name="activity">Osasdasdkte - </attribute><attribute name="anzeige_text">111</attribute></attributes></period>
<period resource_id="115" name="124" start="2011.1.18" end="2011.3.29" style="10"><attributes><attribute name="activity">Leicasdasdnährung - </attribute><attribute name="anzeige_text">234324</attribute></attributes></period>
<period resource_id="102" name="104" start="2011.1.18" end="2011.3.29" style="1"><attributes><attribute name="activity">ssa in den asfasfen FrühlsfsafKW 12</attribute><attribute name="anzeige_text">2222</attribute></attributes></period>
<period resource_id="112" name="123" start="2011.1.18" end="2011.3.29" style="2"><attributes><attribute name="activity">soasfosfasfthlon - </attribute><attribute name="anzeige_text">9999</attribute></attributes></period>
<period resource_id="103" name="107" start="2011.1.3" end="2011.2.27" style="5"><attributes><attribute name="activity">Gülasdfrteilung - Gasfasf Vasdeilung</attribute><attribute name="anzeige_text">123123</attribute></attributes></period>
</periods>
</resource_chart>
</anygantt>Edited by: Tobias Arnhold on Feb 3, 2011 11:28 AMFor your information. I opened a ticket by AnyChart:
Hi AnyChart-team!
I have a huge problem with printing an AnyGantt chart.
The description of problem:
When I use the following syntax in my style section:
<styles>
<period_styles>
<period_style name="p1">
<bar_style>
<labels>
<label>
<text>{%start}</text>
<font color="Black" />
</label>
</labels>
<middle shape="Full">
<fill enabled="true" type="Solid" color="DarkSeaGreen" />
<border enabled="true" color="#656565" />
</middle>
</bar_style>
</period_style>
</period_styles>
</styles>The print output crashes with the effect that some shapes are not visible anymore. If I use no Label styles then it works:
<styles>
<period_styles>
<period_style name="p1">
<bar_style>
<middle shape="Full">
<fill enabled="true" type="Solid" color="DarkSeaGreen" />
<border enabled="true" color="#656565" />
</middle>
</bar_style>
</period_style>
</period_styles>
</styles>I came along another issue with an old Flash Player version and tried the newest one: 10,1,102,64
Then this issue came up. In the older version: 10,8,84 it worked without any issues.
The PDF: Flash.pdf shows the problem.
I do not understand the black background color inside the PDF either?
XML file with all settings that cause the problem: Example from http://www.anychart.com/products/anygantt/docs/users-guide/index.html (Visual Settings)
<anygantt>
<styles>
<period_styles>
<period_style name="p1">
<bar_style>
<labels>
<label>
<text>{%start}</text>
<font color="Black" />
</label>
</labels>
<middle shape="Full">
<fill enabled="true" type="Solid" color="DarkSeaGreen" />
<border enabled="true" color="#656565" />
</middle>
</bar_style>
</period_style>
</period_styles>
</styles>
<resource_chart>
<resources>
<resource id="res_1" name="Resource 1"/>
<resource id="res_2" name="Resource 2"/>
<resource id="res_3" name="Resource 3"/>
<resource id="res_4" name="Resource 4"/>
</resources>
<periods use_hand_cursor="false">
<period resource_id="res_1" start="2008.01.13" end="2008.04.25" style="p1"/>
<period resource_id="res_1" start="2008.06.01" end="2008.11.29" style="p1"/>
<period resource_id="res_2" start="2008.03.18" end="2008.08.14" style="p1"/>
<period resource_id="res_2" start="2008.09.10" end="2008.12.18" style="p1"/>
<period resource_id="res_3" start="2008.01.22" end="2008.04.29" style="p1"/>
<period resource_id="res_3" start="2008.06.03" end="2008.08.14" style="p1"/>
<period resource_id="res_3" start="2008.09.02" end="2008.12.07" style="p1"/>
<period resource_id="res_4" start="2008.02.27" end="2008.11.01" style="p1"/>
</periods>
</resource_chart>
<datagrid width="136">
<columns>
<column width="30">
<header>
<text>#</text>
</header>
<format>{%RowNum}</format>
</column>
<column attribute_name="Name" width="100">
<header>
<text>Resource</text>
</header>
<format>{%Name}</format>
</column>
</columns>
</datagrid>
<timeline>
<scale start="2008.01.01." end="2009.01.01"/>
<plot line_height="30" item_height="20" item_padding="5"/>
</timeline>
<settings>
<background enabled="false"/>
<navigation>
<buttons collapse_expand_button="false"/>
</navigation>
</settings>
</anygantt>
Version of product that you're using:
AnyGantt 4.1.0
Adobe Flash Player 10,1,102,64
Answer:
Tobias,
we are working on the several printing issues now and will be releasing a new version in a week or two, I hope this bug will be fixed too.
Have a good day,
AnyChart
Edited by: Tobias Arnhold on Feb 4, 2011 9:38 AM -
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 -
Add background color to the summary row in the standard report
Hi All,
I have a standard SQL report that have the sum at the bottom of the report by checking the compute sum. How do I add the background color to that row.
Would you please help?
I use APEX version 4.0.1
Thanks,
NinaHi Nina,
Take a look at the example at http://apex.oracle.com/pls/apex/f?p=50942:91. It is using the static ID attribute "MYTABLE" and conditionally applying background color to the cell which contains the text "Report Summary".
<script>
//Report Summary
$("#MYTABLE tbody tr td table tbody tr td:contains('Report Summary')").each(function(){
$(this).parent('tr').children().css("background-color","#FFFF33"); ;
</script>Thanks,
Manish -
Change the background color in a report cell - td bgcolor
Hi.
I have a report in which I would like to change the background color of a table cell based on some values in the underlying query
If Column A > Column B and Column C > 10, I want to color the background green. In my cgi , this was easy, but in apex, even if I write the query to output html, won't everything already be wrapped in the <td></td> tags? Is there any way around this?
ThanksMike ,
With the above solution you can conditionally fill the report cell with a particular color and not the entire row set. If you want to highlight entire row, you have to do something different. Take a look at this jQuery function
Step 1 . Download jquery http://code.jquery.com/jquery-1.4.2.min.js
Step 2. Upload it to apex image folder using shared component.
Step 3. In the page header put the following code
<script src="#WORKSPACE_IMAGES#jquery-1.4.js" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready(function(){
if ($('.apexir_WORKSHEET_DATA').length > 0) {
function HighLightRows(){
$("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GRAY)").siblings().addClass('greentd');
$("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GRAY)").addClass('greentd');
$("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GREEN)").siblings().addClass('graytd');
$("table.apexir_WORKSHEET_DATA tbody td:has(COLOR_GREEN)").addClass('graytd');
// This time out is required since after the report is refreshed via AJAX,
setTimeout(function(){HighLightRows();},1000);
}//if
HighLightRows();
</script>
<style type="text/css">
.apexir_WORKSHEET_DATA td.greentd
background-color: green !important;
.apexir_WORKSHEET_DATA td.graytd
background-color: gray !important;
</style>
Step 4. Change the SQL Query to
SELECT
SALE_DATE
,PRODUCT_NAME
,PRODUCT_ID
, CASE WHEN SALE_DATE > ADD_MONTHS(SYSDATE,-2) THEN
'<COLOR_GREEN>&nbsp;</COLOR_GREEN>'
ELSE
'<COLOR_GRAY>&nbsp;</COLOR_GRAY>'
PRODUCT_NAME_COLOR
FROM SALES;
Step 5. Make this new column PRODUCT_NAME_COLOR visible and in the column heading u can just put &nbsp;.
As long as this column will be available for display you will see the conditional highlighting.Thanks,
Manish -
Changing column background color in a template
I am using template 12 alternating row colors. Is there a way to change the background color for selected columns in the header in the template.
Pam wrote:
I am using template 12 alternating row colors.Do you mean the Standard, Alternating Row Colors report template in theme 12?
Is there a way to change the background color for selected columns in the header in the template.What do you mean by "selected columns"? Selected how? Why do you want to do this?
When you have a problem you'll get a faster, more effective response by including as much relevant information as possible upfront. This should include:
<li>Full APEX version
<li>Full DB/version/edition/host OS
<li>Web server architecture (EPG, OHS or APEX listener/host OS)
<li>Browser(s) and version(s) used
<li>Theme
<li>Template(s)
<li>Region/item type(s) (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. If you expect a detailed answer then it's appropriate for you to take on a significant part of the effort by getting as far as possible with an example of the problem on apex.oracle.com before asking for assistance with specific issues, which we can then see at first hand. -
Chnage background color of a region
Hi,
How can we change or add a background color to a region in apex.
thanks,
tjHi TJ,
For things like styling, the easiest thing to do is to run your page and then do a View Source on it. Find your region's title and check what class name has been used - probably something like "t1RegionHeader". This gives you something that you can target in a STYLE tag.
In your region's Region Header setting, add in something like:
.t1RegionHeader {font-size:16px; color:red; font-weight:bold;}What sort of shape do you want your region? If you are refering to rounded corners, for example, that would require rewriting the region's template. The link that you got in your other thread ([http://apex.oracle.com/pls/otn/f?p=27123:1]) shows loads of different themes and how each part looks - if your current theme doesn't include a template that you want, you could create an application using a theme that does contain the look and then manually copy a template from there into your existing application. The only thing you may have to do is to change the colours used - the above gives you an example of doing that.
Andy -
Setting background color for a region
Hi,
I am using apex 4.0.
I am trying to set a background color to the report region and i tried different options and did not work for me. Can someone help me with this one in setting up a background color inside a region.
Thanks,
Rik
Edited by: Rik281 on Nov 19, 2010 8:46 AMRik,
So you are asking to color every row of the region?
Have you tried making a copy of the Standard, Alternating Row Colors template and working it that way?
Jeff
Edited by: jwellsnh on Nov 19, 2010 12:18 PM -
Dynamic change of region background color
I have a select list itme on my region. When the user picks a specfic value (based on an Oracle function) in the select list I need to change the background color of the region. What is the best way to do this?
bobmagan,
You can use the region "Header and Footer" to do that. But, first of all you will have to create a page process to populate an item in your page with a color code depending on your condition. After that, do this:
Region Header:
<div style="background-color:#&P1_ITEM.">
{code}Region Footer:
{code:java}
</div>
{code}
Paulo Vale
[http://apex-notes.blogspot.com]
Maybe you are looking for
-
L2TP VPN connection not working under 10.6.3
Hi everyone. I need to connect to a VPN with L2TP/IPSec. The connection works fine if I boot into Bootcamp (win7). But if I boot into 10.6.3, it does not work. any idea what the problem could be. Settings are triple checked and copy pasted into their
-
Object variable or with block variable not set- while trying to submit data
Hi Gurus, Could you share me the solution to resolve the issue? I am getting an error "object variable or with block variable not set" while trying to submit data through an Input schedule. I am working on SAP BPC 7.5 NW and using MS Excel 2007. I ca
-
Missing the visual upgrade option on SP 2010 site
I have a series of content databases that were upgraded from MOSS 2007. Most have not yet undergone the visual upgrade. Today, I have been working on copying two of those sites to a new location. I created two new team sites. These of course already
-
R9 270x Mini - ITX : Will not turn on.
Hello, I recently purchased a R9 270x and it seems like it doesn't turn on when the pc turns on.(the fan doesn't turn on and the monitor is just black) I was hoping someone could help me, even if the only fix is buying a new psu. I have an Intel core
-
I would like to find some in-depth information about shooting and editing in AVCHD. There is very little in the FCE User's Guide or what I have been able to find online. Any suggestions? Thanks.