UIX Look&Feel with custom icons

I am trying to create my own look and feel configuration for a UIX application and I still want to allow customers to easily change the colors of the look and feel by just using a different .xss file.
This works nicely apart from the icons I used e.g. for the content container.
Now my question what do I have to do to automatically color my icons in colors defined in the .xss file as the regular BLAF does.
Can I declare this somehow in my LookAndFeelConfig.xml file? Or do I have to use the
<instance class="" method=""/> element for the image. If so are there any utility classes from UIX that help me change the color of an image?
thanks,
Guido
Currently what I have is smthg. like this:
<icon name="contentContainerLightHeaderStart">
<context-image uri="Images/fti_alternate/cnr_drk_tl.gif"/>
</icon>
With the icon having a fixed color idependent of any styles.

repost. Is this supported or not?
I decompiled part of the UIX framework and it seems this is not really intended as the class coloring the Icons uses some fixed style names and is only useful for the OracleDesktopLookAndFeel.
Are you thinking of making something like this available in one of the next releases?
I think this would a be a very nice feature. At least what I suggest is that for Instance icons the method that returns the icon gets a RenderingContext (and maybe the name of the icon so you can have one method for mulitple icons) - this way a you can implement the code to color the icon in that method.
Let me know what you think.
Guido

Similar Messages

Look & Feel of custom JOptionPanes

How do you get the look and feel of custom built JOptionPane's to match that of the parent frame? Although the parent frame in my case is the java look and feel, the JOptionPane is showing up with a windows look and feel. I couldn't find any JOptionPane methods that even allowed one to reset the look and feel. Any suggestions would be appreciated. Thanks!

You can set JOptionPane L&F parameters with:
UIManager.put("OptionPane.background", Color.black);
here is a list of all parameters for OptionPane, i hope helps you:
OptionPane.errorDialog.titlePane.shadow-->javax.swing.plaf.ColorUIResource[r=204,g=102,b=102]
OptionPane.warningDialog.titlePane.background-->javax.swing.plaf.ColorUIResource[r=255,g=204,b=153]
OptionPane.errorDialog.titlePane.background-->javax.swing.plaf.ColorUIResource[r=255,g=153,b=153]
OptionPane.buttonAreaBorder-->javax.swing.plaf.BorderUIResource$EmptyBorderUIResource@1815859
OptionPane.warningDialog.titlePane.foreground-->javax.swing.plaf.ColorUIResource[r=102,g=51,b=0]
OptionPane.questionDialog.border.background-->javax.swing.plaf.ColorUIResource[r=51,g=102,b=51]
OptionPane.windowBindings-->[Ljava.lang.Object;@50d89c
OptionPane.questionSound-->sounds/OptionPaneQuestion.wav
OptionPane.errorSound-->sounds/OptionPaneError.wav
OptionPane.warningSound-->sounds/OptionPaneWarning.wav
OptionPane.errorDialog.titlePane.foreground-->javax.swing.plaf.ColorUIResource[r=51,g=0,b=0]
OptionPane.buttonClickThreshhold-->500
OptionPane.questionDialog.titlePane.background-->javax.swing.plaf.ColorUIResource[r=153,g=204,b=153]
OptionPane.errorIcon-->javax.swing.plaf.IconUIResource@15b0afd
OptionPane.warningDialog.titlePane.shadow-->javax.swing.plaf.ColorUIResource[r=204,g=153,b=102]
OptionPane.font-->javax.swing.plaf.FontUIResource[family=Dialog,name=Dialog,style=plain,size=12]
OptionPane.messageForeground-->javax.swing.plaf.ColorUIResource[r=0,g=0,b=0]
OptionPane.informationSound-->sounds/OptionPaneInformation.wav
OptionPane.questionDialog.titlePane.foreground-->javax.swing.plaf.ColorUIResource[r=0,g=51,b=0]
OptionPane.informationIcon-->javax.swing.plaf.IconUIResource@1dfc547
OptionPane.foreground-->javax.swing.plaf.ColorUIResource[r=0,g=0,b=0]
OptionPane.border-->javax.swing.plaf.BorderUIResource$EmptyBorderUIResource@10f6d3
OptionPane.messageAreaBorder-->javax.swing.plaf.BorderUIResource$EmptyBorderUIResource@cfec48
OptionPane.background-->javax.swing.plaf.ColorUIResource[r=204,g=204,b=204]
OptionPane.questionIcon-->javax.swing.plaf.IconUIResource@2a15cd
OptionPane.minimumSize-->javax.swing.plaf.DimensionUIResource[width=262,height=90]
OptionPane.questionDialog.titlePane.shadow-->javax.swing.plaf.ColorUIResource[r=102,g=153,b=102]
OptionPane.errorDialog.border.background-->javax.swing.plaf.ColorUIResource[r=153,g=51,b=51]
OptionPane.warningIcon-->javax.swing.plaf.IconUIResource@12d15a9
OptionPane.warningDialog.border.background-->javax.swing.plaf.ColorUIResource[r=153,g=102,b=51]

Can't publish with custom icons

Whenever I attempt to publish an AIR app for which I've selected a custom icon, I get an error message, "An attribute or element contains an invalid value in the application descriptor file. (application.icon.image128x128)"
Looking in the file "TL Report processor-app.xml" which is created alongside the app, I see that where presumably the path to the icon file should be, I see:
<image128x128>AppIconsForAIRPublish/AM initials.png</image128x128>
instead of the complete path to the PNG that I entered in the Publish settings.
What the f@*# gives?

Hi Cj
There are a zillion threads on this general problem so you will find plenty of detailed ideas and fixes if you need to go digging. But your problem sounds like one I have from time to time even with 1.1.1. My fix has been to delete the notorious prepublishstate file from the domain package for your iweb site, and then to make minor changes to the pages where comments are not showing. Then republish your site and bingo there they are.
If I have spoken too much in code and riddles and you want to try this fix but need more precise details, just let me know.
Regards

Attachments with custom icons

If I attach an item with a custom icon to a new message, that custom icon is dropped. Any way of preventing that?
Comments appreciated.

@Petteri_Paananen,
While exporting your AIR application..You will be asked whether to include files or not..(Include Files window appears) in which you need to make sure that they are checked.
Please refer to the screenshot..
Thanks,
Bhasker

Problem with custom icon on toolbar (iPhone Beta 6 SDK)

I created two custom icons, using transparency so they are white lines on a transparent background, to add to a toolbar at the bottom of the screen.
toolbar.barStyle = UIBarStyleDefault;
UIBarButtonItem *theItem = [[[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"MyImage.png"] style:UIBarButtonItemStylePlain target:self action:@selector(theAction:)] autorelease];
On the simulator, this shows properly a white icon on the grayish toolbar. On the device itself, it shows a white box the size of the icon. It still works.

Problem persists in Beta 7. However a workaround (which might have worked in Beta 6, I don't know) is this: use GIF files with transparency, rather than PNG files with transparency. These display properly on both simulator and device.

AIR app won't compile with custom icons

My AIr app won't compile when I choose anything but the
default icons. I created 4 pngs in Photoshop and it gives me the
error: Useage error (incorrect arguments)
Any help? I've tried using only 1 icon, all 4, and no icons.
Only no icons works.

You dont have to use the GUI to set it, you can use the air
appliation XML.
inside your air-app.xml file look for something like:
<icon>
<image128x128>icons/myIcon128.png</image128x128>
<image48x48>icons/myIcon48.png</image48x48>
<image32x32>icons/myIcon32.png</image32x32>
<image16x16>icons/myIcon16.png</image16x16>
</icon>
if its not there add it, but replace the myIcon128.png with
your 128 point png image etc.
also the above assumes your icons are in a folder called
"icons" in the same directory as your air file.
Hope it helps.

Native Android and iOS Look & Feel with Flex

Hi. I have recently beena asked to research the use of Flex for development for mobile applications in Android and iOS. What I want to accomplish is the feeling of a native application, both look and feel. Android and iOS are very different in terms of styling components.
Can this be even be done in Flex?
Are my goals too high too achieve with Flex?
Screen shots from Flex, Android, and iOS are below.
Differences:
Item
Android
iOS
Tabs Location
Top
Bottom
Top Left Button
'Up'
'Back'
Top Left Button Icon
Application Icon
None
Top Right Button
Multiple
Single
List Item Right Carrot
No
Yes
Adobe Flex Example:
Native Android Example (Pure Android):
Native iOS Example:

This is definitely possible, even easy if you jsut have the time to put into it.
All you need is an Android Theme - create custom styles for the buttons ect.
There is a discussion about it here:
https://issues.apache.org/jira/browse/FLEX-33732
And it is an open issue so at some point this will probably get incorporated into the SDK.

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.

Toolbar: replace SAP icon with custom icon

Hello,
in the account overview (component BP_HEAD, view BPHEADOverview), the implementation class (CL_BP_HEAD_BPHEADOVERVIEW_IMPL) contains method IF_BSP_WD_TOOLBAR_CALLBACK~GET_BUTTONS where the buttons for the account overview are collected.
Here you can check which buttons are used by SAP standard, e.g. for the PDF fact sheet, an icon is added:
ls_button-icon_src = '/sap/bc/bsp/sap/crm_ppm/w_pdf__s.gif' .
Now, I wanted to replace the given icon by another, customer-specific icon. I've tried to change the given URL to anything else, however, it didn't work. I even found out that the given URL is not necessary, it even works with this:
ls_button-icon_src = 'w_pdf__s.gif' .
ls_button-icon_src = 'i_do_not_exist/w_pdf__s.gif' .
Thus, I assume that there's some kind of mapping of the icon name (e.g. "w_pdf__s.gif") is mapped to any table entry or whatever hard-coded.
Does anyone having experience with replacing the icon with a custom-specific one and can provide the necessary steps?
Regards
Wolfgang

Hi Wolfgang,
           You can use below sample code to get corresponding url for any standard sap icon:
lv_icon = 'ICON_LED_GREEN'.
*   Convert icon code into URL and prepare bee
    lv_icon = cl_bsp_mimes=>sap_icon( id = lv_icon ).
    lr_image->src = lv_icon.
Also, all the icons are available in the database table 'ICON'.
I hope that helps.
Thanks,
Rohit

Create custom folders with custom icons like created by Vibe

I would like to create a custom folder and sub folder in the GW folder list to link to an outside feature. Ideally, it would display in a custom pane on the right like the email list, forum plugin or calendar view.

You might want to have a look at Russ Ward's WS Utilities: http://weststreetconsulting.com/WSC_Utils.htm
ImpGraph by the late Bruce Foster also did most of this, but is no longer available.
Steve Kubis' AutoText may also provide part of the solution (custom sized Anchored Frames): see: http://www.siliconprairiesoftware.com/Products.html
You can also create custom anchored frames on your Reference pages and then copy & paste from there. Automatically scaling an imported file to properly fit would require a custom FrameScript or plug-in - FM's auto-scaling on import may distort your graphic.

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]

Custom icon in application builder

I am trying to create an executable with custom icon using Application Builder in LabVIEW.
I converted a .png image to .ico for the icon, but when I select that .ico file as a custom icon, I get the following message:
"The selected file doesn't contain all of the needed icons. Without them, your application will show an incorrect icon in some views.
Missing icons:
32X32, 16 color
16X16, 16 color."
Any comments\suggestions on how to get custom icon would be appreciated.
Thanks.

It's possible that you don't have both 16x16 and 32x32 icons in 16 bit color. When you convert the .png to an .ico, see if there is an option to convert into necessary ico images that you need.
As a way to double check this without using application builder, load the VI : <vi.lib>\Platform\icon.llb\Read Icons for Application.vi
It will show you the different icons that are read from the .ico file.

Custom Icons Disappear in Cover Flow Above Certain Size

I've been trying to create custom icons for certain folders and I've been having no luck when viewing them in cover flow.
I've downloaded a PNG file, 512x512 pixels. Open it in Preview, copy to the clipboard, do a 'get info' on the folder I wish to change the icon of, click the little icon, hit paste, and it appears correctly in the preview and in the finder Icons view, as well as on my desktop or whatever. However, if I turn on cover flow and drag the size of cover flow to larger than a certain point, the custom image disappears and all I get is a blank spot. It's as if the 256 pixel icon is being created but the 512 pixel image is being left blank.
I do not know if this happened in 10.5.1, as I hadn't tried until after installing the 10.5.2 combo update.
In the following picture, you can see 1: bottom right, a preview of the png file itself as it appears, correctly, in cover flow, 2: top right, the icon working correctly on the desktop and in the get info window, and 3: left: the cover flow view of the computer showing a bit gaping void where the custom icon should reside.
!http://www.ece.ualberta.ca/~tomlinso/argh.jpg!
Any ideas? Thanks in advance!

This does NOT happen if I use an existing, working icon (say, put the Applications folder's icon onto my hard drive.) It seems to be an issue with custom icons only, not just changing the icon for something.

How do I modify the logon screen & orcle dashboard with custom images

I want customize the logon page dashboard and also replace ORACLE Dashboard with custom icon. Also I want to remove powered by ORACLE con that appears on presentation/dashboard web pages. Please provide relevant information to achieve this.
Thanks and Regards

You can start here:
http://oraclebizint.wordpress.com/2007/12/11/oracle-bi-ee-101332-customizing-login-screen/

GUI screwed up sometimes with Custom Look & Feel

Hello,
i've got a few problems with my JApplet. Im using a custom Look and Feel (Kunststoff, http://www.incors.org/index.php3 very nice) - my problem is that sometimes (often) my gui is screwed up - some parts like a JPane are not rendered in the custom look & feel, they are still default, but the buttons are. Or my whole dialog looks like a little puzzle - small pieces are cut out.
I have no idea how to avoid these bugs, im not certain that this is because of the custom look and feel because i seem to have the same problems with the metal look and feel from java.
I tryed to put a repaint() in my initiliaze of my dialog classes at the very end, but no success either...
Any help would be greatly appreciated.

Hello,
i've got a few problems with my JApplet. Im using a custom Look and Feel (Kunststoff, http://www.incors.org/index.php3 very nice) - my problem is that sometimes (often) my gui is screwed up - some parts like a JPane are not rendered in the custom look & feel, they are still default, but the buttons are. Or my whole dialog looks like a little puzzle - small pieces are cut out.
I have no idea how to avoid these bugs, im not certain that this is because of the custom look and feel because i seem to have the same problems with the metal look and feel from java.
I tryed to put a repaint() in my initiliaze of my dialog classes at the very end, but no success either...
Any help would be greatly appreciated.

UIX Look&Feel with custom icons

Similar Messages

Maybe you are looking for