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

  • 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?

  • 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
    &lt;script type="text/javascript">
    $x("TESTIT").style.backgroundColor = "red";
    &lt;/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
    Malli

    Hello
    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

  • 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 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.
    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.

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

  • Site Resilence

    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.

  • AEX in a DMZ

    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