Oracle & APEX Geekery

Theme 25 seems to be popular. I see a lot projects starting development with this theme. Not always because there is a need for enabling the application to be accessed on multiple different devices/screen resolutions, but because of the way you have more control of your region placement on the undelaying grid. Apart from the grid, APEX/Theme 25 offers more responsive functionality, like form element/label adaption and the the responsive Interactive Report toolbar. But there are components that are implemented less responsive, like the tab’s. Apart from the discussion, whether or not to use tabs, if you are using this (in my eyes convenient) feature, one would expect a user friendly responsive implementation of the tab’s. A Little Bit Responsive The way tab’s in Theme 25 currently react on smaller screens is: you have to scroll through the entries that are hidden outside your viewport. Tab More Responsive I wanted a different, more intuitive, yet still responsive implementa...

Maybe you have noticed it, maybe not, but the hover effect of the Normal Button template in the APEX Cloudy theme does not  work in IE. It seems it hasn’t been implemented. So if you want the hover effect in IE, here is the CSS snippet you need to to add to your template: .ie6 a.uButton:hover span, .ie6 a.uButtonLarge:hover span, .ie6 a.uButtonSmall:hover span, .ie7 a.uButton:hover span, .ie7 a.uButtonLarge:hover span, .ie7 a.uButtonSmall:hover span, .ie8 a.uButton:hover span, .ie8 a.uButtonLarge:hover span, .ie8 a.uButtonSmall:hover span, .ie9 a.uButton:hover span, .ie9 a.uButtonLarge:hover span, .ie9 a.uButtonSmall:hover span { background: url(#IMAGE_PREFIX#themes/theme_24/images/app_theme.png) 0 -400px repeat-x #DEDEDE; } This will only affect IE and will load a slightly lighter gray gradient background on the hover state of the normal button. Credits go to Shakeeb. Thanks!