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

Similar Messages

Integrate Custom App in Fiori Launchpad - Duplicate ID Error

Hey guys,
I integrated a custom app in the fiori launchpad. The first launch works perfectly. But if I go back via the navigation button and try to start my application again I get following error message:
2015-04-23 23:40:28 adding element with duplicate id 'application-ZCUSTOMFIORIAPP-display_change' -
This is excactly the application name from the url:
http://....../shells/abap/Fiorilaunchpad.html?sap-client=001&sap-language=DE#ZCUSTOMFIORIAPP-display_change
Any ideas how I can solve this?
Thanks and best regards
Chris

in your component
do you have?
destroy : function() {
if (this.oRouteHandler) {
this.oRouteHandler.destroy();
sap.ui.core.UIComponent.prototype.destroy.apply(this, arguments);

Unable to apply custom theme with background Image through code

Hi,
I am creating custom SharePoint 2013 theme and applying it through code on site by referring MSDN Article : "http://msdn.microsoft.com/en-us/library/office/jj927175(v=office.15).aspx".
However when I try to add background image in custom theme and apply that theme to site then sites UI breaks.
Details: I have two features, in feature-1: I am Deploying *.spfont, *.spcolor and background image. Then I am adding a new entry in "composed looks" list for my custom theme. in feature 2- I am applying the custom theme to site by using following
code
SPTheme theme = SPTheme.Open("NewTheme", colorPaletteFile, fontSchemeFile, backgroundURI);theme.ApplyTo(Web, true);
Both feature activates without any errors, new entry also gets added in 'Composed Looks' list with all correct URLs, current item of composed looks list also change to custom theme but entire UI of site breaks If I remove background Image code from custom theme then everything works fine. Following code works fine
SPTheme theme = SPTheme.Open("NewTheme", colorPaletteFile, fontSchemeFile);
theme.ApplyTo(Web, true);
If I apply same background Image manually(not through code) then also everything works as expected.Any help will be really appreciated.

Hi,
Thanks for your sharing, it will be helpful to those who stuck with the similar issue.
Best regards
Patrick Liang
TechNet Community Support

Custom SAPUI5 app in Fiori launchpad - wrong resource path

Hi,
I have successfully add custom tile for my custom app to Fiori launchpad, when the application is run from its location (https://<server>:<port>/sap/bc/ui5_ui5/sap/zcart3/index.html) everything is ok, when I try to execute it from Fiori launchpad tile I got these errors:
Error - found in negative cache: 'view/App.view.js' from ../../resources/view/App.view.js: 404 - NOT FOUND
I think it is because SAPUI5 tries to load files from wrong location, so I have to somehow tell SAPUI5 framework where the files are...
in the index.html I have these entries:
data-sap-ui-resourceroots='{
"zcart3" : "./",
"view" : "./view",
"model" : "./model",
"util" : "./util"
I think I have to add something to Component.js file of my app .
Many thanks Jiri
Tags edited by: Michael Appleby

Hi Sekihara,
many thanks for your suggestion, but I don't want to create Fiori application, I want to add my existing SAPUI5 application (which is working standalone) to Fiori launchpad, but when exetutes from Fiori launchpad, I got this error:
Error - found in negative cache: 'view/App.view.js' from ../../resources/view/App.view.js: 404 - NOT FOUND
Because FioriLaunchpad changed path to my application files from
/sap/bc/ui5_ui5/sap/zcart3 to /sap/bc/ui5_ui5/ui2/ushell/resources,so the files of my app are not found...
please see chrome console output:
GET https://<server>:<port>/sap/bc/ui5_ui5/ui2/ushell/resources/view/App.view.js 404 (NOT FOUND) core-min-0.js:32
2014-07-31 08:22:36 Error - failed to load 'view/App.view.js' from ../../resources/view/App.view.js: 404 - NOT FOUND
Thanks Jiri

Problem with Custom Theme and Color of Registers

Hi everybody,
I am implementing a custom theme with EP SP 15 (Sneak Preview). All the changes I am making in the Theme Editor are displayed correctly, except for the colors of the registers.
The preview in the Theme editor works fine but when I activate the theme in the portal the background of the registers is still the same as in the standard theme (the images for the borders or the registers however are the ones I chose).
I read about the caching problem in the SAP library and deleted the browser cache before saving but it didn't help.
Any ideas or hints would be appreciated!
Regards Andy

Hi,
If you are talking about custom registration page, accessed via login page, you have to change its background manually by editing logon package. There is a procedure on help.sap.com how to change logon page.
Here I'm pasting the necessary parts. But hava a look at original doc.
To customize the logon UI, we recommend the following procedure:
   1. Make a copy of com.sap.portal.runtime.logon.par.bak and rename it. In this example, it is renamed to my.new.logon.par.
   2. Move my.new.logon.par to a location outside of the <SAPJ2EEngine-deployment-dir>.
   3. Extract the files from my.new.logon.par preserving the directory structure.
   4. Modify files in the extracted PAR file.
   5. Put the modified files back into my.new.logon.par.
   6. Copy my.new.logon.par back to <SAPJ2Eengine-deployment-dir>\cluster\server\services\servlet_jsp\work\jspTemp\irj\root\WEB-INF\deployment\pcd.
   7. Rename the file <SAPJ2Eengine-deployment-dir>\cluster\server\ume\authschemes.xml.bak to authschemes.xml.
   8. In authschemes.xml, replace all occurrences of the string "com.sap.portal.runtime.logon" with "my.new.logon" in the tags <frontendtarget> and save the file.
   9. Restart the portal.
--> Changing the authschemes.xml File
You can change the authschemes.xml file using the Config Tool of SAP Web Application Server Java. When you edit the file, you should download the file to a local directory, edit it, and when uploading the edited file, create a new node in the configuration tree for it. In this way you do not loose the original version of the file.
       1.      Start the Config Tool by executing <SAPJ2EEEngine_installation>\j2ee\configtool\configtool.bat.
       2.      Choose the symbol for Switch to configuration editor mode.
       3.      In the tree, navigate to cluster_data u00AE server u00AE persistent u00AE com.sap.security.core.ume.service.
       4.      To switch to edit mode, choose (Switch between view and edit mode).
       5.      In the tree, select authschemes.xml and choose (Show the details of the selected node).
       6.      Choose Download and save the file to a local directory.
       7.      Edit the file locally.
       8.      Create a new node in the configuration tree for the edited file as follows:
                            a.      Select the node com.sap.security.core.ume.service.
                            b.      Choose the symbol for Create a node below the selected node ().
                            c.      Select the type File-entry.
                            d.      Choose Upload and select the file from your local directory.
                            e.      Enter the name for the entry, for example, authschemes_productive.xml. By default, the name of the uploaded file is used.
                              f.      Choose Create.
                            g.      Choose Close window.
The new node appears in the configuration tree.
For UME to use the new file, you have to change the value of the property login.authschemes.definition.file to the name of the new authschemes file. Change the property as described in Editing UME Properties.
       9.      Restart the nodes in the cluster for the changes to take effect.

Integrating Apps into Fiori Launchpad/ Developing own Launchpad

Hey guys,
I am developing Fiori like Apps (4 Apps with related business background). I wanna give this apps a common frame. So I was thinking of start these Apps with a Launchpad.
To do so I assume I have 2 opportunities:
Place the custom App in the Fiori Launchpad
Create a own Fiori like-Launchpad
I dont't wanna mix custom Apps with Fiori Apps, so actually there is no need to setup the whole Fiori Launchpad (I guess its a lot configuration work etc.)
Does anybody has experience with that? What are advantages/disadvantages? And does anybody has some links how to build a Fiori like-Launchpad.
Thanks + regards
Chris

Hi Chris,
You can define a tile for custom app in launchpad. Customers like single point of access for apps.
SAP Fiori launchpad
Regards, Masa
SAP Customer Experience Group - CEG

Custom theme's masters partially available

I've created a custom theme with 14 masters, but only five of them are visible in the Masters drop down in the Tool bar. Any suggestions?

Are they all visible when you choose to Show Masters in the navigator? If so, Keynote probably thinks you have TWO different themes inside your file. It's sort of smart and dumb at the same time. It's smart in that it only shows you masters that are available for the currently used theme, and dumb because you can't tell it to see ALL masters as one theme. The reason that feature is in there is if you choose tons of themes for your different slides, that drop down menu would get HUGE, so it only shows you masters in the theme that the currently selected slide is using.
Confusing to say the least. No idea how you can reset it though as I've never had this happen to me when making a custom theme.
Are you by chance just using a .key file that you customized, or did you export it as a theme file (.kth) so it shows up in your theme selector window?

SAP Portal Custom Themes to change ESS/MSS UI Look and feel , possible ?

Hi,
I have a requirement where the look and feel of the UI controls of the ESS/MSS applications have to be different - Jazzy
I know XSS homepage framework is for the customisation of Areas, Sub Areas. What I am more interested is only the look and feel UI of ESS/MSS applications.
If I change the standard theme of portal using Theme Editor and create a new custom theme with different back ground colors, fonts, sizes for all the UI controls,.Will the customised Theme apply on the standard ESS / MSS screens ? Also my doubt is we are using EHP3 and I am not sure how many are Webdynpro java based or webdynpro Abap based.
Will the theme apply to both WDA and WDJ application UI controls?
Any inputs in this regard will be of great help. thanks in advance.
Regards,
Sreeram

Hello,
Check :
[Overview on changing the Portal look and feel.|https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/d077fa17-7fbf-2a10-d983-fb12decf63c7]
FYI :- Search for wiki on : Stylesheet for WDA without integrating in SAP Portal
Cheers,
Remi

SAP Portal Custom Theme change UI Look & Feel of ESS screens - Possible ?

Hi,
I have a requirement where the look and feel of the UI controls of the ESS/MSS applications have to be different - Jazzy
I know XSS homepage framework is for the customisation of Areas, Sub Areas. What I am more interested is only the look and feel UI of ESS/MSS applications.
If I change the standard theme of portal using Theme Editor and create a new custom theme with different back ground colors, fonts, sizes for all the UI controls,.Will the customised Theme apply on the standard ESS / MSS screens ? Also my doubt is we are using EHP3 and I am not sure how many are Webdynpro java based or webdynpro Abap based.
Will the theme apply to both WDA and WDJ application UI controls of ESS/MSS?
Any inputs in this regard will be of great help. thanks in advance.
Regards,
Sreeram

Hi Sreeram,
Yes, you should be able to apply the portal theme to both WDA and WDJ applications. This [posting|Re: webdynpro for abap using portal theme nw2004s, sp12; might help you.
BRgds,
Simon

Switching themes with customized templates

Most typical Apex applications start with a quick prototype containing most of the required functionality, get required approvals, and continue building it up.
During all of this, the concept of "themes" is mentioned and demonstrated as a reassurance that the "look and feel" of the application can be very easily switched at any point. In other words, let's worry about designing the content and behaviour, the presentation can be easily switched.
All this sounds very good on paper and is do-able as long as one uses the out-of-the-box Apex themes/templates. But, in my experience, any non-trivial application has lots of customized templates. That brings me to my question.
As soon as you start to customize templates, modify them, create new ones, etc, you start to get "committed" to that specific theme. In other words, if I have a theme with 10 customized templates, 5 slightly modified ones, etc, and I switch to another theme from the Apex repository, I get all the out-of-the-box templates for that theme. I have to painstakingly re-do all my customizations for the corresponding templates in the new theme.
And Apex does nothing to help me with this task. There is no "diff" utility between themes, no compares, no merges, nothing. I have to eye-ball the old template, copy the HTML snippets from the Builder into Notepad, pull up my new template and manually copy, paste, modify snippets into the new template. Very error-prone.
How have people handled this sort of thing? Are there any best-practices, any procedures that people follow to make switching between themes painless?
Thanks

Hello,
Second post down.
http://wiki.shellprompt.net/bin/view/Apex/ThemeTips
I build out themes all the time that are about 70/30 standard templates to custom templates and following that procedure makes the switches fairly easy.
Carl

When I duplicate or copy slides, my custom theme images turn into question marks. Why, and how can I copy themes with slides?

When I duplicate or copy slides, my custom theme images turn into big grey boxes with an 'x' through them and a question mark in the middle in their new destination. When I go look at the master slides, I see that there are now two sets of masters, one for the my custom theme and a new one just like it, but with no images.
How can I copy (or duplicate) my slides?

OK, got it ... the Power ON Factory reset procedures might have changed with GB ...
To get to a Factory reset using the Power up method:
1. Power Off phone
2. Press & Hold the HOME Button
3. Press and Hold the Power ON button.
You come up to the Triangle with the Exclamation mark & android guy.
Press BOTH the Up and Down Buttons at the same time. This brings up the Blue menu of options.
use the Up/Down arrows to scroll thru the choices. Press the POWER Button to Select the menu item you choose.
You can harmlessly test this and just choose to Reboot without doing anything, just to see how it works in case you ever need to do this in the future.
edit: It was concluded in the test group that they changed this process to align it with the new DX2 as the camera button isn't hard-wired like it is in the DX. So likely they just wanted to make this process the same for both platforms. At least it sounds like a good reason...

Fiori custom theme - low performances

Hi,
since we activated our custom theme, fiori apps have very bad performances (often endless loading).
Any idea ?
Thanks !
Alexandre
Tags edited by: Michael Appleby

Hi Alexandre,
Loading custom theme issue was fixed in the SAPUI5 library 1.22.7.
Please look at the note 2019136 - Corrections for SAP NetWeaver UI Add-On 1.0 SP09 and apply 1.22.8.
Regards, Masa
SAP Customer Experience Group - CEG

How to use Fireworks JQuery Mobile Theme with Custom Icons in Dreamweaver CS6?

I understand how to create the custom theme in FW, I created one extra icon using the icon placeholder option. I then export the theme. FW spits out 5 css files and the png sprites. What do I do with the css files for the different png dimensions?? I don't understand how to get what I created in FW to work properly in DW. I can get the theme working but DW creates the jquery folder with the default icons, I need to get my custom png sprite in there. When I do this, it seems that it shifts everything since the dimensions are wrong. The theme css that FW spits out has a @import url for the css files styling the diff sprites but it still doesn't work. I'm at a loss as to how to get it all to work together.

Sorry, no knowledge of FW themes, but it would seem easier to adjust the positioning code
than to try redo your sprite image.

Incorrect JFrame icon display with custom theme

I created a JFrame with custom icon and theme.
The problem is the transparent color of icon
doesnt not display correctly.
Can anyone help?

Hi,
As you said, the custom theme appears when applying seatle.master page, but not when applying a custom master page.
It might be an issue of this custom master page.
As a common practice, I would suggest you inspect the “Change the look” page source code when applying the seatle.master page using IE Developer Tools, compare it
with the page when applying that custom master page, to see if it will give you more information about this issue.
Another suggestion is that, you can create a new custom master page by copying the seatle.master page, verify the custom theme preview in the “Change the look” page,
then add other customization one after one, keep verifying during the process. By doing this, it will be easier to find out the root cause.
About using the F12 developer tools:
https://msdn.microsoft.com/en-us/library/ie/bg182326%28v=vs.85%29?f=255&MSPPError=-2147217396
Thanks
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Add custom SAPUI5 apps to Fiori LaunchPad

Hi All,
I have built a custom sapui5 application,which i need to add to the fiori launchpad.Can anyone suggest the steps to b followed to acheive this.
Thanks in advance
Regards,
Thushar
Tags edited by: Michael Appleby

Ok. you can go through SAP Fiori - SAP Fiori launchpad and may be want to raise this question in SAP for Mobile space.
CC: Masayuki Sekihara
Regards,
Chandra

Custom theme with Fiori launchpad

Similar Messages

Maybe you are looking for