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!

APEX 5 Universal Theme - CSS for styling active tab

Daljit ROct 25 2016 — edited Oct 26 2016

Hi,

Simple scenario hopefully, I have a static content region using the Tabs container template, with 3 sub-regions (all interactive reports) which are correctly displayed as tabs.

I'm now trying to style my tabs so that the active tab is a bit more obvious from the UT default, and I'm applying the following CSS in the theme roller experiment:

.t-Tabs-item, is-active

{

     background-color:#000000;

}

However, the above CSS affects the inactive tabs and makes their backgrounds black (black used for testing only) and leaves the actual active tab unchanged. I've tried all the more obvious combinations with my limited CSS knowledge and I cannot select the real active only. Can anybody advise on the correct selector to use to actually get the active tab and ignore the other (unselected) tabs please?

My environment details:

  • APEX 5.0.4.00.12
  • Oracle 11g (11.2.0.1), CentOS 5
  • EPG
  • Internet Explorer 11 (Windows 7)
  • Universal Theme
  • Static Region (Template: Tabs Container)

Thanks,

Daljit

Comments
Locked Post
New comments cannot be posted to this locked post.
Post Details
Locked on Nov 23 2016
Added on Oct 25 2016
6 comments
2,444 views