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

PDF to Text Covert by Oracle Apex

Here are the steps to convert and get the character into a region by Oracle Apex. Step1.  Create a page and Copy-Pest the below code into Pa...