Skip to Main Content
Feature Request FR-3489
Product Area Application Builder
Status CLOSED

8 Voters

Development Watermark

ron.m Public · Nov 14 2023

Idea Summary
Improve the User Interface to indicate the APEX Application is a development  / Testing version.

Use Case
Currently we can add a region to indicate a Development say above the breadcrumb. But some users still can't tell that the App is in DEV. I can add CSS to say the login page.

.t-Login-container {
z-index: 1;
background: url(r/apex_pm/files/static/v7/development.png) !important;
background-repeat: repeat !important;
}
.t-Login-region {
z-index: 1;
background: url(r/apex_pm/files/static/v7/development.png) !important;
background-repeat: repeat !important;
}

But on pages with a Interactive report / Clasic report / Form. I have tried to add. But will only show on the background and not the report region. So may be fully hidden by other regions.

Preferred Solution (Optional)
Add an option to add a development or training image across the whole page so users understand it a development or training version. Could be associated on page zero or  under the User Interface depending on a application item or Workspace item to determine if in DEV or expanding on the App Developer UI that allows a development banner but add to the Applications UI within that workspace.

This request is likely a duplicate of FR-2682.

Comments

Comments

  • manoj.madhavan OP 1.6 years ago

    Nice idea!  It will be useful for end users to differentiate the environment easily.

  • jayson hanes Admin OP 1.6 years ago

    We do offer this type of configuration at the instance level today:

    Configuring an Environment Banner in Administration Services (oracle.com)

    So the best approach would be to maintain separate environments with this defined for DEV vs, UAT/STAGE.

    However, I know that I've made copies to try stuff out, and shared links, and I could see it being useful to make such a status obvious like this. 

    Considering our new Working Copies feature too, a way to make this overt to the user would be nice!

  • manoj.madhavan OP 1.6 years ago

    @jayson hanes Thank you! This configuration is only applicable to the App Builder pages.  I think the idea is to add this feature in the application UI.

  • fac586 OP 1.6 years ago

    Duplicate of FR-2682

  • ron.mat OP 1.6 years ago

    Sorry it’s not the same. 

    As I have a banner in my app within the breadcrumb region. 

    Users still miss seeing it’s dev. My idea is to put a watermark across the whole page within the app. Same as you can see in say WORD. 

    I have managed to get it to partly work on some pages but not visible infront of report regions.

  • bozo030 OP 1.3 years ago

    I've managed to set up a watermark indicating the working environment in Oracle APEX by appending a rule to the Core.min.css and Core.css files located in i/app_ui/css/. 
    Here is the code:

    body.t-PageBody::after{content:"DEVELOPMENT ENVIRONMENT";color:#000;font-size:100px;position:fixed;white-space:nowrap;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);opacity:0.1;pointer-events:none;z-index:9999;}

    body.t-PageBody::after {
 content: "DEVELOPMENT ENVIRONMENT";
 color: #000;
 font-size: 100px;
 position: fixed;
 white-space: nowrap;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) rotate(-25deg);
 opacity: 0.1;
 pointer-events: none;
 z-index: 9999;
}

    This watermark is shown only in apps, if you want to show it in App Builder and all across APEX backend you can specify selector as body::after.