Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Interested in getting your voice heard by members of the Developer Marketing team at Oracle? Check out this post for AppDev or this post for AI focus group information.

How to Add Custom CSS Globally in a Project

DannyS-OracleJun 28 2016 — edited Jun 29 2016

Hi guys, I am still new at Apex and hoping someone can help me solving this problem ...

Currently I am working with Calendar, and I want to put different color for each event type, just like mentioned in this article:

Apex 5 calendar: different color based on data field value

From that article I learned that there are 14 different apex-cal-* class available by default:

  • apex-cal-red
  • apex-cal-cyan
  • apex-cal-blue
  • apex-cal-bluesky
  • apex-cal-darkblue
  • apex-cal-green
  • apex-cal-yellow
  • apex-cal-silver
  • apex-cal-brown
  • apex-cal-lime
  • apex-cal-white
  • apex-cal-gray
  • apex-cal-black
  • apex-cal-orange

But I plan to add more custom classes because because I have more than 14 event types. My question is - is there another way to add CSS classes globally for a project? I do not want to write the same CSS code for all pages in my project.

I read on the documentations that I can do it by modifying the theme file, but I am doing my project in apex.oraclecorp.com (Oracle Apex as service), so I think I do not have access locally to modify the theme files. CMIIW.

P.S. I am using Apex 5, theme Vita.

Danny

This post has been answered by Carsten Czarski-Oracle on Jun 28 2016
Jump to Answer
Comments
Locked Post
New comments cannot be posted to this locked post.
Post Details
Locked on Jul 27 2016
Added on Jun 28 2016
9 comments
5,580 views