Background color in a Region

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?

Similar Messages

Chnage background color of a region

Hi,
How can we change or add a background color to a region in apex.
thanks,
tj

Hi 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 AM

Rik,
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

Background color of a region

Hi,
May I know how to change the background color of an HTML region... let's say to Blue.. I have couple of text items within this region... and I have few regions in my page...
is it only through the templates that we control background color...? if not, can you please suggest an alternative...

The background color is set by the css, which is used in the template. You can overwrite the setting of the background by defining another CSS (or just another style) on the template or page level.
Use Firefox with Firebug to inspect the exact setting of the background css. Then you can also change it "on the fly" to see what changes have to be made in the template or page.

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]

Region Header Background Color different to the theme template

Hello,
for my apex application i configured the theme Blue Gray - 13.
I want that my application displays all region-, report headers on every page in a different color, for example "magenta".
My CSS Code in the page header on page1:
<style type="text/css">
.t13RegionHeader {background-color:#FF3FA0;}
th.t13ReportHeader {background-color:#FF3FA0;}
</style>
{code}
works fine for report regions and form regions, but i didn't manage to change the color for the tabs. Is there any chance to switch the background color for tabs. Perhaps it's a better way to change the Color of the theme but I nether know how to manage this.
Does anybody have an idea?
Thanks in advance
Christian

Hi Chris,
first thanks for your quick answer.
...but it didn't work.
I'm using the Internet Explorer, but i analysed the source code of the running page. I tried also the entries: .t13PageTabs and th.t13PageTabs but i had no success on this try.
For the Page Tabs i found the following code:
<div id="t13PageTabs"><table cellpadding="0" cellspacing="0" border="0" summary="" class="t13PageTabs"><tbody><tr><td class="OnL"><img src="/i/themes/theme_13/tabOnL.png" alt="" /></td>
<td class="OnC"><span>Produkt</span></td>
<td class="OnR"><img src="/i/themes/theme_13/tabOnR.png" alt="" /></td><td class="OffL"><img src="/i/themes/theme_13/tabOffL.png" alt="" /></td>
<td class="OffC"><a href="javascript:doSubmit('T_BUSINESSPROCESSVKZ');">Business Process VKZ</a></td>
<td class="OffR"><img src="/i/themes/theme_13/tabOffR.png" alt="" /></td><td class="OffL"><img src="/i/themes/theme_13/tabOffL.png" alt="" /></td>
<td class="OffC"><a href="javascript:doSubmit('T_PORTALPRODUKTE');">Portal Produkte</a></td>
<td class="OffR"><img src="/i/themes/theme_13/tabOffR.png" alt="" /></td><td class="OffL"><img src="/i/themes/theme_13/tabOffL.png" alt="" /></td>
<td class="OffC"><a href="javascript:doSubmit('Default Portal Produkte');">Default Portal Produkte</a></td>
<td class="OffR"><img src="/i/themes/theme_13/tabOffR.png" alt="" /></td><td class="OffL"><img src="/i/themes/theme_13/tabOffL.png" alt="" /></td>
<td class="OffC"><a href="javascript:doSubmit('T_DEFAULTPORTALFEATURES');">Default Portal Features</a></td>
<td class="OffR"><img src="/i/themes/theme_13/tabOffR.png" alt="" /></td><td class="OffL"><img src="/i/themes/theme_13/tabOffL.png" alt="" /></td>
<td class="OffC"><a href="javascript:doSubmit('T_PRODUKTUNABHAENGIGE_FEATURES');">Produktunabhängige Features</a></td>
<td class="OffR"><img src="/i/themes/theme_13/tabOffR.png" alt="" /></td></tr></tbody></table>
</div>Do you have another idea to succeed?
Thanks in advance
Christian

Folder region background color cannot be set

When editing the folder layout properties of a style, you can edit properties of folder regions. One of the options is the background color. When I change this using "apply", the properties window shows a small square with the new color. But when I close the window and edit the properties again, the change is lost.
I hope that changing this color will cause application components (like dynamic pages) to use this as a background color instead of white.
Is this a bug?
Thanks.

It works for me in 3.0.8, but the background color is not used for application components.
Also, as I've recommended in other threads on this forum, you can use URL items displayed in place to display your application components. That gives you more control over the look and feel of the component.
Regards,
Jerry

Region/page background color

Hello all,
Is it possible to change dinamically (depending on a value) the background color of a particular page or region?
I know how to do it for single columns on my updatable report region but not for the whole region.
Regards

1) You have to modify your region template. In the page view, click onto the region template in the "Shared Components" section.
2) Replace #REGION_ID# by #REGION_STATIC_ID# see also the following thread
Re: New substitution string - #REGION_STATIC_ID#
3) Go to your region and enter a unique value into the "Static ID" property. Eg. TESTIT
4) Create a new region of type HTML with template = No Template Display Point=Before Footer or just after your region
5) Add a condition to it to define when the coloring should be done
6) Add the following javascript code into the source of the new region
<script type="text/javascript">
$x("TESTIT").style.backgroundColor = "red";
</script>That should do what you are looking for.
Patrick
My APEX Blog: http://inside-apex.blogspot.com
The ApexLib Framework: http://apexlib.sourceforge.net
The APEX Builder Plugin: http://sourceforge.net/projects/apexplugin/

How can i change the background color in the mobile windows adobe reader app? i want to change it from black to white but don't know how.

really want to change the background color of my documents in the mobile app. ive tried to search the answer online, in blogs and other various 'life hacks' blogs or articles, but so far everyone is talking about the desktop version. i really want to figure this out. is there even an option for the mobile version for windows? the only editing icons when a document is open are: export, home, make public, search in document, highlight/strikethrough/underline/comment and continuous/single view. if there isnt an option to edit background color, can i suggest that the makers of the windows mobile version make one, and make it fast please! any help would be appreciated. -CHANGE BACKGROUND COLOR

hi, thanks for helping me ...
i have used the above url and made changes to my OAF page, but i didn't get the desired output and its also giving as the above code output .
i kept OraBgGrayVeryDark in Css style in property inspector for every region including PageLayout and i also did some changes in cabo/styles/*.css classes.
eventhough it is picking the color upto footer level only and it is not applying for advanced table also.
can anyone please give your views in this..

How to set background color in PL/SQL

Hi,
I have tried to set background color in SQL Query. When I execute in Report Region, I am not getting the background color.
SELECT first query
UNION
SELECT ' || v_sel_organization_id || ' organization_id FROM DUAL) org , hr_all_organization_units haou WHERE positions_set.position_id = allocations_set.position_id(+) AND org.organization_id = positions_set.organization_id AND positions_set.position_id = encumbrance_set.enc_position_id(+) AND positions_set.position_id = payclass_set.position_id(+) AND org.organization_id = haou.organization_id AND TRUNC (SYSDATE) BETWEEN haou.date_from AND NVL (haou.date_to, TRUNC (SYSDATE)) AND (NVL (allocations_set.allocations, 0) + NVL (encumbrance_set.enc_count, 0) + NVL (payclass_set.pay_count, 0)) != 0 union select null , '' '' ,'' '',''<SPAN STYLE="background-color: red;">Total</span>'' ,''' || v_sum_alloc ||''','|| v_sum_vac ||','''|| v_sum_encum ||''',''' || v_sum_pay ||''' ,null,null,null,null,2 from dual' ; Can anyone help me to resolve this issue.
Regards
Balaji S
Edited by: Balaji Subramaniam on Jan 19, 2010 5:53 PM
Edited by: Balaji Subramaniam on Jan 19, 2010 5:53 PM
Edited by: Balaji Subramaniam on Jan 19, 2010 6:46 PM
Edited by: Balaji Subramaniam on Jan 19, 2010 6:48 PM

Hi
A couple of things...
Thats SQL - not PL/SQL
That is not a valid SQL statement, I'm surprised its not giving an error. Please post the exact region source.
When posting code on the forum, put {noformat}{noformat} (with the curly brackets and the word code in lowercase) above and below your code like this...
{noformat}{noformat}
SELECT *
FROM emp
{noformat}{noformat}
It will then appear like this... SELECT *
FROM emp
Cheers
Ben

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

Crop tool shows background color unless I switch to "Classic" mode

I'm not sold on the "latest" Photoshop being the best. I've seen more bugs now that I've subscribed to the "CC" version than ever before. Here's my latest issue..
When I activate the crop tool (I realize it's been rewritten.. not sure why), I see my current background color in place of what is visible in my current workspace. Ultimately, completing the crop command, it crops as expected, and the background color vanishes. What benefit is this? It adds confusion and makes me a bit confused as to what the final crop result will be. Why was this changed? Why am I seeing my current background color? It makes no sense. I've been using Photoshop for nearly 20 years and this is just dumb. Can anyone explain?
Thanks!
- Sean

Yeah, that was pretty vague. I was in a creative mode and was rudely interrupted by this weird change, so I wasn't focused on a clear post. The lack of direct email support to Adobe frustrated me also. Alas..
Bascially, I have a layer with some image data, and transparent regions:
I select the crop tool, and select a region just inside the outside edge, containing the portion of the image I care about:
The background switched from being transparent to my current background color selection. I had this green chosen for some completely unrelated task. I can't find anywhere that this can be disabled. The settings I have are what I believe to be the defaults:
And, when I change the crop settings to "Use Classic Mode", the behavior is the more sensible (in my opinion) current background:
I hope that clears up the confusion. I can't imagine any use case where replacing the current visible background with the current background color makes sense. If it's a feature, I can't find any documentation, official or otherwise, that explains why this is happening.
Yes, I like the latest versions of software, but since I made the jump from CS4 to CC, I've hit more bugs than ever before. I've had to kill Photoshop a couple times in the past two months, whereas before, it never froze up or crashed on me. This feels like a bug, but if it's a feature, I'd love to know how to use the new crop tool's background settings properly.
Cheers!
- Sean

Template Cell Background Color

Hi,
I'm creating Dreamweaver templates with the pages built from them being edited in Contribute. There is a need for the Contribute users to be able to change the background color of individual cells in a table (on a page built from a DWT). I can't figure out how to make this happen. The rows are repeating regions. If I make an editable attribute then it applies to every row. I can't use ID's because with repeating regions they are not unique. If the user right-clicks a cell (a cell that is an editable region of course) and chooses a style, that style is applied to the contents of the cell via a span and not to the cell itself. Any ideas?
Thanks,
Doug

Nancy O.
Not looking for alternating colours. Here is an example of what I want:
Header 1
Header 2
Header 3
blah
blah
bgcolor here is white
blah
blah
bgcolor here is red
blah
blah
bgcolor here is yellow
blah
blah
bgcolor here is green
Keeping in mind that the table would have started out as one repeatable row and the Contribute user would add the rest.

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

How can i make a background color linear?

i want to put a background color have a linear effect, but im not sure how to do that. i want it so that it will fit the entire browser screen. i dont know a lot about backgrounds, i know that i can make a background color fill the entire browser and make a image repeat itself to fit the browser, but thats all i know.

WOW...this is exactly what i have been searching for over tha last 2 weeks but i finally found out how to do it perfectly.
I found the solution after analyzing a site i visited that had the effect i wanted.
Herez a sample of the page i created with the effect...exactly as you drew it....but with diferent colours,lol.
http://edutchz.freehostia.com/sample/
I have also attached bg.jpg with this post as well as the CSS i used; but to see them in action use the above link
Now all u need to do is create a sinlge strip of image....say 1000px wide by 10px high. On both exterior sides of this image place your linear colurs from outside inwards to cover say 100 or 150px....now do this exactly on the other side.....this will leave a central region with white colour.
Now name it bg,jpg.....use CSS to place it on your page....in my case;
body { margin : 0px;
background-color: #eeeeee;
background-image:
url(bg.jpg);
background-position: top center;
background-repeat: repeat-y
also change the background-color to one that nearly matches your linear img color.
Hope this helpd

Background color in a Region

Similar Messages

Maybe you are looking for