Skip to main content

Add Custom CSS Files to Oracle APEX Application

Step 1: Create a CSS file.

 Step 2: Upload a CSS file. 

 To get to know more about uploading application/workspace files to oracle APEX application, Click Here.


Based on your requirement, you can add custom css files to your application at,

  1.      Page Level.
  2.      Page Template Level.
  3.      User Interface Level.
1. Page Level: Copy and paste the below file reference in File URLs option (you can find it in page header).

 #APP_IMAGES#apexaccountmenu.css


2. Page Template Level:

Step 1: Go to Shared Component => User Interface => Templates.

Step 2: Choose the page template.
Step 3: Edit the template and do copy and paste the below file reference in template header section.

 <link href="#APP_IMAGES#apexaccountmenu.css" rel="stylesheet" type="text/css">
  

3. User Interface Level:

Step 1: Go to Shared Component => User Interface => User Interface Attributes.

Step 2: Copy and paste the below file reference in File URLs option.

 #APP_IMAGES#apexaccountmenu.css

That's it. Happy APEXing!!!...

Comments

Post a Comment

Popular posts from this blog

Friendly URL: Redirect to Different Page after Login in Oracle APEX 20.1

Oracle has updated apex.oracle.com to APEX 20.1 which includes among other features the new Friendly URL option. Here i am giving an example to redirect to different page after login in Oracle APEX 20.1 [Friendly URL Enabled] Step 1: Define home page for each user in emp master table as below Step 2: To enable Friendly URL Syntax, follow below steps, 1) On the Workspace home page, click the App Builder icon. 2) Select an application (The Application home page appears). 3) From Application home page, you can access the Definition page in TWO ways: Click the Edit Application Properties button. From Shared Components:              1) Click Shared Components .              2) Under Application Logic, click Application Definition Attributes . The Definition page appears. 4) Under Properties, configure the Friendly URL s attribute: Click Apply Changes to save your ch...
Post a Comment
Read more

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