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
Similar Messages
-
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? -
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 -
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
ChristianHi 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.
Regards1) 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 to make button background color chnage
Hi
In my custom application having 12 buttons, out of 12 buttons one button should look totally differance than other buttons like button background color to red color.
we found two solution even though those are not adopted to my solution
1. CSS technic for application, its changing whole application insted of one button inside a iview.
2. client is not happy with button design like STANDARD/EMPHASIZED/PREVIOUS/NEXT
Regards
MalliHello
You can also use the imageAlt, imageFirst,imageSource properties of the image to enhance the button.
and to change the background you can change the portal theme.
Thanks -
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 PMHi
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 change background color in AutoComplete window ?
Is it possible to change background color in AutoComplete window ?
Bob, A.Ankit, you're both chasing a ghost here.
The screenshot shows an autocomplete enabled textbox with its dropdown list of autocomplete values to choose from. There is no property defining its backcolor. Not in the textbox nor in any class, neither any other baseclass nor _combobox of _base.vcx
The only way to chnage that color is not recommended, via changing windows theme colors. That would effect any window and control.
If you need another color even turning off themes won't help as VFP doesn't offer any property controlling that color, so you really would need to implement the autocomplete feature yourself, if you want the specify this backcolor.
Bye, Olaf.
Olaf Doschke - TMN Systemberatung GmbH http://www.tmn-systemberatung.de -
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 -
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!
- SeanYeah, 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,
DougNancy 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.
Maybe you are looking for
-
SCAT recording in ECC 6.0
Hi Experts, In 4.7 version we used to have an option "TCD" in SCAT transaction via. which we used to record a test case.For example multiple MRP controller upload in OMD0. Now, in ECC 6.0 we don't have "TCD" option. Could you let me knowhow to create
-
Greetings, New Exchange Server 2013 Deployment, Two Sites (Main Site, and DR Site) Each Site has one Edge Server, CAS Server and Two MBX Servers - External DNS Records Resolve to Edge Servers with Round Robin - DR Site should automatically respond in
-
LocalizedIllegalStateException: getSession was called outside of a valid co
I've encountered the error: com.bea.wlw.netui.util.exception.LocalizedIllegalStateException: getSession was called outside of a valid context. while executing a JSP page with the offending line: <netui-data:repeater dataSource="{pageFlow.compositeVO.
-
Hi All In a scenario where a AEX is used (running in a DMZ), in conjunction with a standard SAP NetWeaver PI dual-stack installation.... Is it possible to: 1) Run the Seeburger AS2 adapter on the the AEX in a DMZ 2) Make use of the 'Integration Proce
-
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