Oracle Apex Multilpe Theme for a single application

Question

Hi All,
I have a query regarding display multiple theme for a single apex application. My object is to change the color scheme for an existing apex application and use both old and new color scheme in a single application. For example I'm planning to modify apex 3.1 theme 9 (Red theme) to green and wants to use red theme for some pages and green theme for some other pages in same application.
The following steps I have tried.
1. Copied /theme/theme_9 to my local
2. Changed color scheme of all the images.
3. Renamed my local folder name from theme_9 to theme_9_1
4. Moved my new folder to server path /theme/theme_9_1
Now I went to my application which have theme 9 and copied One Tab page template as One Tab Template 9.1. In my new page template I changed all the the /theme_9/ reference to /theme_9_1. In my application I applied this new page template to get green color scheme. But its appearing without any css scheme (even default style is not there).
So Please help me out to resolve my issue. and also suggest me if you have any other easy way to achieve my objective.
Thanks in advance.

Answer 1

Hi,
You steps look okay to me, so not sure why you're CSS isn't working, I would need to see your actual templates to find out (perhaps you could put this up on apex.oracle.com). Just a few general pointers though, I would suggest using one of the newer themes, introduced in APEX 4.0 and APEX 4.1. Those themes are mostly DIV based, i.e. fewer HTML tables for formatting, and as a result, they are much smaller. They also use a DOCTYPE, prompting all modern browser to render your pages in standards more, ensuring better cross-browser compatibility. And most relevant for your task, they no longer use theme-specific class names, i.e. a class called "t9header", would now simply be "header". They also generally reference images directly from the CSS stylesheet, rather than inside your templates, making it much easier to modify your UI. So in essence, assuming you'd be using theme 21, all you'd have to do to switch from a red-look to (in this case) a blue-look, would be to reference the theme CSS file in /themes/theme_22, instead of /themes/theme_21, so in your templates, you would only need to change one path in your page templates.
Regards,
Marc