Search This Blog

Tuesday, July 7, 2020

User Wise Application Color In Oracle Apex

1. Create Global Item AI_HDR_COLOR AI_SELECTOR_COLOR AI_SIDE_COLOR 2.Page Template Standerd For Header <div class="t-Header-branding" style="background: &AI_HDR_COLOR. !important;" role="banner"> 3. Side Navigation Menu Template For Navigation Menu <style> .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected { background-color: &AI_SELECTOR_COLOR. !important; } .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover{ background-color: &AI_SELECTOR_COLOR. !important; } </style> <div class="t-TreeNav #COMPONENT_CSS_CLASSES#" id="t_TreeNav" style="background: &AI_SIDE_COLOR. !important;" data-id="#PARENT_STATIC_ID#_tree" aria-label="&APP_TITLE!ATTR."> <ul style="display:none">

1. Create Global Item

AI_HDR_COLOR
AI_SELECTOR_COLOR
AI_SIDE_COLOR

2.Page Template Standerd For Header


 <div class="t-Header-branding" style="background: &AI_HDR_COLOR. !important;" role="banner">

3. Side Navigation Menu Template For Navigation Menu

<style>
    .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected {
    background-color: &AI_SELECTOR_COLOR. !important;
}
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover{
       background-color: &AI_SELECTOR_COLOR. !important;
}
</style>

<div class="t-TreeNav #COMPONENT_CSS_CLASSES#"  id="t_TreeNav"
style="background: &AI_SIDE_COLOR. !important;"
 data-id="#PARENT_STATIC_ID#_tree" aria-label="&APP_TITLE!ATTR.">
<ul style="display:none">


3 comments:

  1. Hi, Qaium. How are you ? I am writing from Brazil and I am start with Apex development. I liked so much this article but with me only Navigation Bar worked fine. In Side Navigation not worked well.

    Can you help me, please ? If you need I send to you the Apex workspace access to you check it.

    Regards,

    André

    ReplyDelete
    Replies
    1. I got it !!! Now it is working fine
      thks

      Delete
    2. I have the same issue.. it doesnt work for side navigation menu. Can you let me know how you fixed it

      Delete

Java to Oracle database Connection Using JDBC

Oracle database. // Java Program to Establish Connection  // in JDBC with Oracle Database // Importing database import java.sql.*; // Import...