Skip to main content

Change the color of the rows alternatively using a Simple CSS in Oracle APEX IR & IG Reports

Here I am giving an example to change the color of the rows alternatively using a simple CSS in Oracle APEX Interactive Report & Interactive Grid.

Step 1: Create a new blank page.

Step 2: Create a new Interactive Report or Interactive Grid region to the page. (Whichever you want)

Step 3: Set Static Id for each report regions (Interactive Report & Interactive Grid).
     
Step 4: Add CSS to the page in inline CSS section. It will change the color of the rows alternatively.

For Interactive Grid:

#AlternateRowIG .a-GV-table tr:nth-child(even)  .a-GV-cell {
    background-color: lightgreen;
}
#AlternateRowIG .a-GV-table tr:nth-child(odd)  .a-GV-cell {
    background-color: lightyellow;
}

For Interactive Report:

#AlternateRowIR .a-IRR-table tr:nth-child(odd) td {
     background-color: #DBE5F1;
}

#AlternateRowIR .a-IRR-table tr:nth-child(even) td {
     background-color: white;
}

The demo is here.

That's it.

Happy APEXing!!!...

Comments

Post a Comment

Popular posts from this blog

Printing Page Numbers in RTF Template [Oracle BI Publisher]

Here I am giving an example to print the page numbers dynamically in the RTF (Rich Text Format) template. Step 1:  Go to page footer and copy and paste the below script. Page |  <?fo:page-number?>  of  <?fo:page-number-citation:xdofo:lastpage-joinseq?> <fo:page-number> :   This is the object, which is used to represent the current page-number. <?fo:page-number-citation:xdofo:lastpage-joinseq?> :  This is the syntax, which is used to represent the total number of pages. Step 2:  Load the XML and preview the result. Output: That's it. References: fo:page-number Printing Page Number Code in Oracle XMLP RTF Template
2 comments
Read more

Oracle Application Express Views (APEX)

Application Express Views Search SELECT * FROM apex_dictionary WHERE column_id = 0; View Comment Parent View APEX_APPLICATIONS Applications defined in the current workspace or database user. APEX_WORKSPACES APEX_APPLICATION_ALL_AUTH All authorization schemes for all components by Application APEX_APPLICATIONS
Post a Comment
Read more

Save Selected Interactive Grid Records into a Collection - Oracle APEX

Here I am giving an example to save selected interactive grid records into a oracle apex collection. Step 1: Create a new blank page. Note: Mine was page 20. You will need to update reference to " P20 " with your page number if it's different. Step 2: Create a new interactive grid report region to the page using below query. Set Static Id "EmpDetails" to the region. SELECT  *     FROM   ( SELECT  emp . empno ,                emp . ename ,                emp . JOB ,                dept . dname department ,                dept . loc  LOCATION ,                mgr . ename  manager ,                emp . hiredate ,                 nvl ( emp . sal , 0 )  salary ,                 nvl ( emp . comm , 0 )  commission            FROM  eba_demo_chart_emp emp ,                eba_demo_chart_dept dept ,                eba_demo_chart_emp mgr           WHERE  emp . deptno = dept . deptno             AND  emp . mgr      = mgr . empno  ( + )           ORDER   BY  emp . ename
9 comments
Read more