Custom Theme Apex 3.2

Hi All,
Am blank about creating a customized theme in Oracle Apex 3.2. Is it possible to do the same? If so, kindly help me to proceed further to give good look and feel for my applications.
Thanks in advance.
Regards,
Sakthi.

Yes, it's possible..
good luck!
Regards,
Richard
blog: http://blog.warp11.nl
twitter: @rhjmartens
If this question is answered, please mark the thread as closed and assign points where earned..

Similar Messages

Uploaded custom, theme not showing in repository

I have copied a existed theme_4 from images/themes/theme_4 to them_200.
when i am trying to export the same from repository, that is not showing in the list..
I have followed the below steps to create new custom theme
1) in images/themes/theme_4 copied the theme_4 directory to theme_200 direcotory
2) changed the CSS files, as per our requirements.
3) should export the them_200, changed one (not showing in repository list) currently stuck
4) after exporting the theme_200.sql , need to replace t4 and etc.... with t200 etc
5) importing the changed one into repository.
currently i am stuck with step 3, can you please help me on this...

1) I copied from theme_4 to Theme_200.
2) I have followed the steps from the below link.
http://rianne.andama.nl/blog/index.php?option=com_content&view=article&id=101:custom-themes-oracle-apex&catid=20:oracle&Item
Now I am trying to export the theme_200, but theme_200 is not visible in the list of themes to export.

Custom Theme (jquery)

I've created a custom jquery-ui theme using ThemeRoller( http://jqueryui.com/themeroller/ ).
Normally, in a html file a download the full archive(with the js , css and the images) and reference the CSS file.(jquery-ui-1.8.7.custom.css).
How could i done this in APEX 4.0 ? I've managed so far referencing a standard theme by putting this in the #HEAD# section:
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" />
If i upload my custom theme and reference it:
<link rel="stylesheet" type="text/css" href="#APP_IMAGES#jquery-ui-1.8.7.custom.css" />
If i start Firebug i see that it cannot find a couple of images(of the widgets backgrounds).
How could i install a custom jquery theme made in ThemeRoller ?
Thanks!
BgUrsea

I've uploaded the theme(with all subfolders) and added it just afther the <head>:
<link rel="stylesheet" href="/i/libraries/jquery-ui/1.8/themes/MyTheme/jquery-ui-1.8.custom.css" type="text/css" />
The problem is that i get an error saying that:(translated from my Firefox language)
Error: CSS http://127.0.0.1:8080/i/libraries/jquery-ui/1.8/themes/MyTheme/jquery-ui-1.8.custom.css didn't load because it's MIME type „application/octet-stream”, it's not „text/css”.
Source File: http://127.0.0.1:8080/apex/f?p=123:1:1997070434399924:::::
Line 0I've google for this error(thinking it wasn't about APEX and it seems to be a problem with the web server).
I'm using APEX 4.0 with 10g XE running on W7. I've installed it using the Embedded PL/SQL Gateway.
Thanks!
BgUrsea

Make custom theme available for the "Create new app" wizard

Hi all,
I have a general problem. Imagine you have created a theme for ApEx. The theme makes applications look as demanded by the design principles of a company. The company now wants everyone developing ApEx applications to use the developed theme.
But It seems to me that there is no easy way of doing this. When I create a new application, I can only see the standard themes defined in the repository. If I want a new application to use the developed theme, I have to exort the theme once, and import it for any application I create (after creating the application, of course :-( ). This is cumbersome. And maybe a point of discussion in many companies.
Is there a way to exchange a predefined theme in the repository through a custom theme? Or even better: Add a predefined theme to the repository? The important thing is to make the theme available for all applications in an instance without importing the theme again and again.
If there is no possibility to do this, this is an enhancement request. How about a possibility to import new themes globally for all applications (maybe from the INTERNAL workspace). Or how about putting a "Import Theme" Upload field on the "Select Theme" page in the application creation wizard?
Regards.
Stephan

Hello,
I'll put an enhancement request for that, there might even already be one. The way you are doing it right now is pretty much the easiest way.
One way I do it is I have a stub application that has just a couple blank pages and the proper themes and templates. Then all someone has to do is install the blank application and start working on that, it just takes a couple steps out of the theme switching issue.
Carl

Trying to create custom theme but not able to find it.

Hi,
I am using Oracle 10g Database Express and APEX 4.0 and am trying to create a custom theme based on an existing one.
I have created a theme_100 folder in the filesystem as a copy of theme_8 and have edited the css file & changed the colours of the images using Infraview graphics editor.
I then have uploaded them into the DB using the WebDav function and can see the files when I run http://localhost:8080/i/themes/theme_100/
However, within the application builder when I create an application and choose a theme, mine is not showing.
Can you help me with whatever steps I am missing?
Regards
Adrian

The templates used by your new theme in apex(that you created when you copied) would still be referencing your old css path.
So update check the templates used in your new theme for the referred css files
<li>In Your new theme's page templates check for the directory path that point to the old theme and modify that
For example(I am using theme2 here)
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_2/css/theme_4_0.css" type="text/css" />


Change the string in the CSS file path from theme_2 to theme_10 , assuming that it is in the same directory as the other themes. Else modify it appropriately.
Do this for all page templates(or atleast the ones you use).

NW2004s: Assigning a custom theme to a web dynpro running in the portal

The situation is as follows:
Some web-dynpros (for java) have a custom theme, a theme which is not the default theme of the portal or the default theme for web-dynpros in general.
In NW2004 this worked as follows:
When starting a web-dynpro in the portal it checked if it was started with the right theme. If not the exit plug of the WD interface view was called with an Url of the WD application plus a parameter for the right theme.
This is the famous parameter sap-cssurl.
For that parameter there are some values possible:
1) sap-cssurl=http://<host>:<port>/irj/portalapps/com.sap.portal.design.urdesigndata/themes/portal/mytheme
2) sap-cssurl=http://<host>:<port>/irj/portalapps/com.sap.portal.design.portaldesigndata/themes/portal/mytheme
3) sap-cssurl=http://<portal>:<host>/webdynpro/resources/sap.com/tcwddispwda/global/SSR/themes/mytheme
The first 2 are locations of the portal environment, the last one is a location of the WD runtime environment.
As I noticed this must be a full qualified absolute Url including host and port.
This works in NW2004 for web dynpro's running standalone AND in the portal.
Now for NW2004s:
The 3 variants of the parameter sap-cssurl work for web dynpro's running standalone.
But now for web dynpro's which are integrated in the portal:
The exit-plug with an Url is not possible anymore, this leads to the runtime error:
com.sap.tc.webdynpro.services.exceptions.WDRuntimeException: Exit-Plug must no be triggered with an URL when running in portal. Use portal navigation instead to navigate to another application!
Okay, as a first workaround I tried the portal navigation,
but somehow the supplied parameter sap-cssurl has no effect.
The code for that in the on-startup plug of the WD component:
WDPortalNavigation.navigateAbsolute(
PCD_ID,
WDPortalNavigationMode.SHOW_INPLACE,
null,
null,
WDPortalNavigationHistoryMode.NO_HISTORY,
null,
null,
"theme_set=X&" + theme,
 theme,
 false,
 true
I used there absolute portal navigation and the parameter (sap-cssurl=...) is part of the launcher parameter and the business parameter in the call to WDPortalNavigation.navigateAbsolute.
But as I wrote above, this has no effect on the theme.
In the I-View the parameter "Supply portal theme" is set to NO, otherwise the parameter "sap-cssurl" is supplied twice (this can be seen in the poroperties of the web-page in Internet Explorer).
What I tried afterwards was setting the parameter sap-cssurl hardcoded in the "Application parameters" of the I-View. This doesn't work either.
My question is: Should this be anyway possible for a NW2004s portal?
Did anyone successfully implement this?
Kind regards,
 Erich Lind

Hi Erich,
I am facing the same problem. I am on 04 s and couldnot implement the custom theme to a web dynpro running in the portal. When I run the web dynpro app as stand alone, the custom theme applies fine. But when in portal, it takes the standard theme.
Was wondering if you figured this out.
Thanks

How do I leverage a custom theme for Outlook 2013?

Microsoft has a problem. They use the term "theme" in Office in 2 different ways: 1) the 3 background colors you can choose of the Office applications and 2) a collection of colors, fonts, and layout that can be customized and defined by the user
for the applications.
I know how to create a theme in PowerPoint and save it as a default for all new presentations. Allegedly you can you this across Office applications but this is where it breaks down (as far as my user experience goes).
I've created a theme in PowerPoint. It has my custom colors. I want to use that same collection in Outlook.
I can apply it on a email by email basis (Options menu for an email), but I want the default email (new or reply) to use that custom theme. I see my theme in the drop down menu under a heading of Custom, but there isn't a way to set it as default
(behavior differs from PowerPoint here).
So I look under the Outlook File menu, then Options and select Mail. You can change stationary, but the custom theme isn't an option there.
Then there is Styles under the Format Text menu when in a new email. There are color options and font options, but again, no way to leverage the work I did in creating the custom theme.
Searching on customizing themes for Outlook only gets me answers on the first use of the word theme, not the latter.
Is there no way to you the theme I created for Outlook 2013?

Its very simple - if you want a product that remains consistent and does not change its layout every few years, that is fully customizable, and will remain being supported by subsequent operating systems, then get an open source product running in an open
source OS. It seems that you can no longer rely on MS to provide consistency, stability, or support for their own products.
When will MS realise that customer familiarity with their products is their intellectual property, like branding, which you would never trash every five years. Imagine that MS wanted to change their name to a new company name, or their Outlook brand to Inlook
- it would never happen. So why is thee trade getup and arrangement changing so often and against what their customers want? Is it to justify thee new products? Maybe with cloud and 365, they will finally be happy and stop mucking about with what works (after
they change everything back to '95 /XP format?).

Creating mobile web dynpro application which customized theme

Hi guys,
I have created a mobile web dynpro application and a theme with Theme Editor. Then I have appended this theme with the sap-cssurl parameter to my application.
my_application? sap-cssurl=http://host:port/webdynpro/resources/sap.com/tcwddispwda/global/SSR/themes/MyTheme
It works well in my first testing on my laptop.
In order to test it on my mobile device I have also appended sap-wd-client parameter to my application. Now my URL looks like
my_application? sap-cssurl=http://host:port/webdynpro/resources/sap.com/tcwddispwda/global/SSR/themes/MyTheme&sap-wd-client=PieClient
It doesnt work. My application layout looks as if I dont use the theme. Did somebody have the same problem and can help me by finding a solution.
Thanks for your answers.
Marita

Hi Marita,
Mobile Web Dynpro supports several handheld mobile devices. I guess yours is a Pocket PC. Except the newest Pocket PC 2003, all the other versions don't have CSS support. Therefore the current Pocket PC client "PieClient" of Web Dynpro lacks the ability for customized themes. On the other hand, themes are supported for more advanced devices, such as Nokia Communicator 9500/9300.
Regards,
Wei

Spark skins, modules and custom themes: linking issues?

I've read some other threads on this topic that were related to the pre-release versions, but I can't get a complete answer get. I also opened an issue in the bug tracker (https://bugs.adobe.com/jira/browse/SDK-30748), but I'm also posting here, hoping to get some help.
Basically, I have a bunch of skin classes for the standard Spark controls (e.g. s:Button), as well as other skin classes for my custom SkinnableComponent objects. I need to reuse those skins in many projects, so I created a theme: I put in a Flex Library Project all my skin classes, all related graphical assets, and a defaults.css stylesheet that associates each component with its correct skinClass.
Now, in my modular application project, what is the correct method to link this compiled theme SWC? I tried different ways, and found some issue for each one:
In <app>-config.xml, using the <theme> compiler option: this way, modules don't pick up the skinClass correctly (default components use the standard Spark skin, and for custom components I get many skinNotFound errors).. its a pity, I like this method because command-line invocations of MXMLC (build scripts) automatically apply the settings in the config.xml file, while I have to manually keep in sync any additional compiler argument.
In <app>-config.xml, using the <theme> compiler option and add -compiler.isolated-styles=false: seems to work, but not always.. moreover, the option must be put in additional compiler argument, and not in <app>-config.xml, to have effect... I understand that the config.xml file, in a modular application, is only applied to the main application (or that it must replicated with correct name for each module)?
In additional compiler arguments, using the theme+= option.. these arguments should be used also for modules compilation, and this seems the most effective solution at the moment (swf size of compiled modules has slightly increased), but skinNotFound errors still happens sometimes, usually going away after a clean build.. maybe this has something with the incremental build performed by Flash Builder and/or optimization of modules?
Right now, I've tried adding also -keep-all-type-selectors in the compiler arguments to see how it goes...
Is my scenario supported by Flex 4? How should I setup my environment? I read how to create custom themes in the official documentation (http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7f85.html) and a specific help section exists about using styles with modules (http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-799a.html#WSda 78ed3a750d6b8f1b97f82d12508050aa0-8000), but it only cover simple style sheets, no specific information about compiled themes and the suggested linking strategy.
I'm using Flash Builder 4.5.1 and compiling with Flex SDK 4.5.0 (both application and theme), the project use some Halo components (e.g. DateField) but almost all components are Spark, and I use Spark component for <s:Application> and <s:Module>. Modules are optimized for the main application, and are loaded using the ModuleManager.
Thanks in advance for any help.
Cosma Colanicchia

I'm not sure Spark components will work if the compatibility mode is set to
3.

Can you change the button color on a custom theme?

I recently installed a nice theme called Fractal-01 Song of a morning breeze. I had to installan add-on to change the menus that were white and thus invisible, but I have not figured out how to get the grey buttons for like Home and Back and Reload black, and they are very hard to see with this theme.
I tried changing them in Custom Theme Restorer, but nothing seems to change them to black. I can't imagine that the person who designed this theme would have made these washed out colors that blend into the theme the default, but maybe he or she did. It is a shame to give up on such a nice theme if I don't have to, but it helps if you can see your buttons.

Hi sherylz,
It is also possible to edit the theme, but it may be wise to make a copy of it:
*[https://support.mozilla.org/en-US/questions/940165]
*[https://developer.mozilla.org/en-US/Add-ons/Themes/Background MDN Reference]
*Add on to make own skin: [https://addons.mozilla.org/en-Us/firefox/addon/bt-canvas/]

How do I change the theme of a custom theme presentation in Keynote?

How do I change the theme of a custom theme presentation in Keynote?
I have a beautiful preso that my designer created. I want to use the copy in those slides with a different theme more conducive to my audience. And use only some of the slides (I know how to do that part).
Thanks!

merv,
A rather simple way, regardless of version, may be to:
1) Select everything and scale down;
2) In the Select dropdown click Object, then Text Objects, then Object>Transform>Transform Each and scale up to the original size or to a(nother) suitable one.

Problem in Importing Custom Themes in WD

Hi,
I'm facing problem in importing custom themes in WD. I executed program WD_THEMES and imported my custom theme.
A message appeared as
Only non-importable themes found (with the wrong
version, for example), Do you want to view a
list of these themes?
There is problem in version. Current version is 7.0.14.1 but my version is having 7.11.3.2.0.
Is there are possibilities to change the version.
Please suggest on this problem.
Thanks,
JMB

hi ,
check out this thread :
Re: How to call custom themes for Web Dynpro ABAP Application?
http://ecohub.sdn.sap.com/irj/scn/index?rid=/library/uuid/7015b1f9-535c-2910-c8b7-e681fe75aaf8&overridelayout=true
to know how to call custom thesmes for Web Dynpro ABAP applications
check out this , how to edit the web dynpro themes :
http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/10d5ef40-465e-2c10-9ca9-f548bfc3f236&overridelayout=true
I wud further suggest u to post this question in Portal Content Development forum to get more inputs for ur query
regards,
amit

Custom themes: How do I create & edit an auto-text box?

Hello
Continuing my exploration of custom themes
I have now found out how to make text boxes editable (control-command-option-T, that was carefully hidden!) and am now struggling with creating and editing 'auto text' boxes (not sure what their real name is in Keynote-speak)
1) Creating new text boxes:
Let's take a simple theme like White. One of the Masters is Title + Bullets Left. Now let's assume I want to create two text boxes with bulllets - the existing on the left and another on the right. In PowerPoint it's pretty simple: highly text box; copy; paste; move & resize as needed. Well Keynote won't let me Copy so that's out. If I create a fresh Text box, I can mimick the indent levels, bullets, font attributes, etc. (long and painful) but it still won't work because it is not a placeholder text box (fixed size) but a regular text box (size depends on content).
I'm sure I'm missing a trick!
2) Edit auto-text boxes
Again, take any theme, say White again; If I choose a Master with a set text placement, say Photo Vertical, there is very little I can do with it: I can change text attributes and box size, but I can't touch the number of indentation levels for example. Then again what defines a text box as been 'double click here to edit' from a regular placeholder?
Overall I think I'm missing a whole editing 'avenue' regarding masters - Anyone care to guide me?
Thanks!
Message was edited by: Moscool - typos!

You can set a text field to be multi-line and tick off the option to scroll
long text to have it automatically wrap, but you'll have a problem with the
first partial line, since form fields can only be rectangular. Another
problem might be the lines themselves, since you'll have to use a font size
that will fit them exactly, or it will look odd. I would suggest getting
rid of those lines altogether. They are not needed when filling in the form
electronically. It's a relic from printed out forms where people had to
hand-write their answers.

Custom theme with Fiori launchpad

Hi
I have created a custom theme using the theme designer as per detailed in Colorful Fiori - Part 3 - Sea Blue
I can see some changes taking effect in the preview but not all. For e.g. the tile title color, icon color did not change.
When I use the custom theme with the fiori launchpad url, I do not see any of the tiles. Only button I see is the logout button.
I checked in debug, it did show me few 404 errors. wondering why the custom theme works for my ui5 application but not with launchpad url.
Appreciate your help, in identifying what I might be doing wrong.
Thanks
Kalpana
Tags edited by: Michael Appleby

Hi Masa,
Thanks for replying !
We found that our exact issue was resolved in Version 1.1.7 of UI Theme designer (OSS note 1941092) .
So we upgraded our SAP_UI component to SP08 and now we are on version 1.2.2 of UI theme.
I am now able to see the tiles on my Fiori launchpad and the logo I defined in the custom theme. But the custom theme I applied did not get applied to the tiles and the background.
I still see the whole page (Except our company logo) with sap standard sap_bluecrystal theme.
I did the Inspect element, and see that it is still using the standard CSS. Cleared the browser histroy just to make sure that it is not picking the old theme from cache - but with no help.
If I go back to the theme designer and open the custom theme, I can see the csutom theme changes in the preview.
Any help is appreciated.
Thanks
Kalpana

SRM's WDJ application is not taking custom theme

Hi All,
I'm working on the Portal branding. We have SRM BP deployed in our portal. I've created custom theme and desktop for the user.
I'm able to see the portal's different section as per custom theme. WDA/WDJ application's UI which is opening in the content area of portal is also showing as per theme.
When I'm trying to access the SRM BP portal content which is the collection WDA/WDJ application, inside portal content area showing as per theme. But one WDJ Iview related to MDM catlog data is opening in new window, in that WDJ UI is not taking custom theme color. UI is showing default theme "tradeshow".
I tried few SAP note(Note 1446099 - Web Dynpro application not displayed in customer theme) to synch the patch of portal and WDJ stylsheet but no luck.
Pl share your input to solve the issue.
Thanks!!!
Deepak

Hi Shishil,
Thanks for reply. Yes MDM component is in the same server.
I've tried below option to fix the issue but no luck:-
>Note 1446099 - Web Dynpro application not displayed in customer theme
>Note 1012065 - Technical Web Dynpro configuration in SAP NetWeaver 7.1
>Note 1000889 - CSS Style Sheet Integration of Web Dynpro and the Portal
>http://help.sap.com/saphelp_nw70/helpdata/en/1e/535d420447e054e10000000a155106/frameset.htm
When i tried to set the default Web Dynpro theme by modifying the sap.theme.default property, which is also located in the Propertysheet default folder with the below URL, no success:-
http://<host>:<port>//irj/portalapps/com.sap.portal.themes.lafservice /themes/portal/sap_chrome.
Deepak!!!

Custom Theme Apex 3.2

Similar Messages

Maybe you are looking for