Home/Questions/Q 5466
Answered
pavlos
pavlos

pavlos

View Profile
  • 1
Professional
Asked: 2021-02-19T21:04:08+05:30

How to add CSS to navigation bar item in Oracle Apex

  • 1

Hi!

I want to add CSS style to navigation bar item.

Next to Bell icon is item which has a value 6. I want to add background-color and border-radius to item value.

Thanks in advance!

oracle apex

    1 Answer

    1. Vinish

      Vinish

      View Profile
      Best Answer
      Legendary

      You will have to inspect the element containing the value. In my case, I found the below CSS classes, and it worked for me. Follow these steps:

      Create a CSS file name it notification.css and paste the following CSS in it:

      a.t-Button--navBar .t-Button-label {
background-color: red;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 3px;
}

      Save the CSS file and close.

      In Oracle Apex, click on the Shared components > Application Static Files and upload this notification.css file. After uploading, it will show you the record. Copy the text from the reference column; it should be something like #APP_IMAGES#notification.css.

      Now click on the Shared Components > User Interface Attributes > Cascading Stylesheets, and in the File URLs field, paste the #APP_IMAGES#notification.css in the next line.

      Click on the Apply button and test your application.

      • 1

    You must login to add an answer.