Create a button with image

I create a new button and set imageSource property with my image name (saved in mimes/components/<mycomponent>...).
The problem is that button don't display image.
If i try to use the same pic like image element it's all ok.
Someone has the same problem?
Thanks
Andrea

Hi!
I've met the same problem, but with a little bit another appearance:
- my gif files are saved in mimes/components/<component>
- when I do DC build locally (context menu DevComponent/Build)
- and then deploy (again context menu DevComponent/Deploy)
it works - images are shown in runtime.
I see .ear file (and wda inside ear), which contains my gif files in appropriate location.
Structure is (starting from root of wda):
- Applications
....<application> (empty folder)
- ComponentInterfaces
- Components
....<component>
........gif files
- PORTAL-INF
....folders (classes, lib, ...)
....webdynpro
........Applications
............<application>
................<application>.xml
........ComponentInterfaces
........Components
............<component>
................<component>.xml - no gif files in the folder
However when I download build result from CBS, the wda file has different structure - the only top level folder is "PORTAL-INF" and inside there are no gif files.
Correspondingly, when I deploy SCA, generated by CMS, the images are missing.
What should I do that server build will be similar to local build? I.e. how to bring "Components" top-level folder back in wda, when it's built by CBS?
Note: The problem appeared after upgrade from SP10 to SP12.
Any ideas?
Best regards,
Nick

Similar Messages

How can i create a button with a dynamic picture?

How can i create a button with a dynamic picture using
mcLoader.loadClip
I did create one with it doesnt seem to be working. It loses
all its
functions (eg onPress onRelease)
Thanks

I solved thep roblem anyway creating a mc.. then creating
another MC withing
the first MC and i change the picture on the second MC. And i
apply the
propierities to the first MC , and works
If i have troubles with mu sistem on the future I will use
yours!
Thanks!
"the fleece" <[email protected]>
escribi� en el mensaje
news:e67i88$jlf$[email protected]..
> the image loading will remove any properties or
functions the mc had.
>
> you need to apply them in the onLoadInit function
>
> mclListener.onLoadInit = function(target_mc:MovieClip) {
> target_mc.onRollOver=blah blah
> };
> var image_mcl:MovieClipLoader = new MovieClipLoader();
> image_mcl.addListener(mclListener);
> image_mcl.loadClip(blah, blahblah);
>
>

How to create a button with the drop-down menu?

I want to create a button with the drop-down menu, which is like the 'back' on the tollbar in IE. I heard JPopupMenu can reach the certain result, but the button hadn't a down arrow. Who can help me?

i have made something like this :
//======================================================================
package com.ju.guiutils
import java.awt.*;
import java.awt.event.*;
import java.net.URL;
import java.util.Vector;
import javax.swing.*;
import javax.swing.border.*;
import javax.swing.event.*;
import javax.swing.plaf.basic.BasicComboBoxUI;
* @version 1.0 14/04/02
* @author Syed Arshad Ali [email protected] 
* Usage : ButtonsCombo basically performs function button + JComboBox, if we have different options for
* same button then we can use this ButtonsCombo.
* By the way there is no button at all in ButtonsCombo
public class ButtonsCombo extends JComboBox {
//===================================================================================
* Create ButtonsCombo with default combobox model
public ButtonsCombo () {
super ();
init ();
//===================================================================================
* Creates a ButtonsCombo that takes it's items from an existing ComboBoxModel.
public ButtonsCombo ( ComboBoxModel model ) {
super ( model );
init ();
//===================================================================================
* Creates a ButtonsCombo that contains the elements in the specified array.
public ButtonsCombo ( Object [] items ) {
super ( items );
init ();
//===================================================================================
* Creates a ButtonsCombo that contains the elements in the specified Vector.
public ButtonsCombo ( Vector items ) {
super ( items );
init ();
//===================================================================================
private void init () {
setBorder ( BorderFactory.createBevelBorder ( BevelBorder.RAISED ) );
setRenderer ( new ComboRenderer() );
setUI ( new ComboUI() );
addMouseListener ( new ComboMouseListener() );
//===================================================================================
* Set items for ButtonsCombo in the specified array
public void setItems ( Object [] items ) {
setModel ( new DefaultComboBoxModel( items ) );
//```````````````````````````````````````````````````````````````````````````````````
* Set items for ButtonsCombo in the specified Vector
public void setItems ( Vector items ) {
setModel ( new DefaultComboBoxModel( items ) );
//```````````````````````````````````````````````````````````````````````````````````
* Get current items in a array
public Object [] getItemsArray () {
ComboBoxModel model = this.getModel ();
if ( model != null ) {
int size = model.getSize ();
if ( size > 0 ) {
Object [] items = new Object[ size ];
for ( int i = 0; i < size; i++ ) {
items[ i ] = model.getElementAt ( i );
return items;
return null;
//```````````````````````````````````````````````````````````````````````````````````
* Get current items in a Vector
public Vector getItemsVector () {
ComboBoxModel model = this.getModel ();
if ( model != null ) {
int size = model.getSize ();
if ( size > 0 ) {
Vector itemsVec = new Vector();
for ( int i = 0; i < size; i++ ) {
itemsVec.addElement ( model.getElementAt ( i ) );
return itemsVec;
return null;
//===================================================================================
class ComboMouseListener extends MouseAdapter {
public void mouseClicked ( MouseEvent me ) {
ButtonsCombo.this.hidePopup ();
public void mousePressed ( MouseEvent me ) {
ButtonsCombo.this.hidePopup ();
ButtonsCombo.this.setBorder ( BorderFactory.createBevelBorder ( BevelBorder.LOWERED ) );
public void mouseReleased ( MouseEvent me ) {
ButtonsCombo.this.hidePopup ();
ButtonsCombo.this.setBorder ( BorderFactory.createBevelBorder ( BevelBorder.RAISED ) );
//===================================================================================
class ComboRenderer extends JLabel implements ListCellRenderer {
//````````````````````````````````````````````````
public ComboRenderer () {
setOpaque ( true );
//````````````````````````````````````````````````
public Component getListCellRendererComponent ( JList list, Object value, int index, boolean isSelected, boolean cellHasFocus ) {
setBackground ( isSelected ? Color.cyan : Color.white );
setForeground ( isSelected ? Color.red : Color.black );
setText ( ( String )value );
return this;
//````````````````````````````````````````````````
//===================================================================================
// We have to use this class, otherwise we cannot stop JComboBox's popup to go down
class ComboUI extends BasicComboBoxUI {
public JButton createArrowButton () throws NullPointerException {
try {
URL url = getClass ().getResource ( "/images/comboarrow.gif" );
JButton b = new JButton( new ImageIcon( url ) );
b.addActionListener ( new ActionListener() {
public void actionPerformed ( ActionEvent ae ) {
return b;
} catch ( NullPointerException npe ) {
throw new NullPointerException( "/images/comboarrow.gif not found or /images folder not in classpath" );
catch ( Exception e ) {
e.printStackTrace ();
return null;
//======================================================================
you can cutomize this according to your requirement , okie ;)

Button with image in JSP

In JSP, how could we create a button with an image on it.
Normally in JSP we use something like :
<input type="submit" name="ButtonName" value="Submit"> to create a button
and we use < request.getParameter("ButtonName")> to invoke it.
How can we create a button with an image? and how to invoke the button. Thanks.

Not too sure how you are invoking with the request.getParameter() (I'm still fairly new to JSP), but you can certainly create a submit button with an image by using:
<input type="image" src="buttonimage.gif" height="100" width="100" name="ButtonName" value="Submit" />(Where or course src, width and height are dependant on your image.)
Hope that helps.

Printing Buttons with Images

In my application, I am attempting to print a document that has both buttons with text and buttons with images, along with plain text.
When I print, the buttons with the images are larger than they ought to be (i.e. they don't fit within the area they were suppose to be drawn within (btw, for this application, I am using absolute positioning)).
However, this does NOT occur with the buttons that have only text and no image.
Can anybody tell me why this might be? It seems that to printing a JButton comes from the functionallity of JComponent.print, which simply sets a few printing flags and calls JComponent.paint.
So whatever changes those flags make, I would think they ought to effect all buttons the same?
Has anybody else run into this problem, and possibly found a solution for it?

myJButton.setSize(new java.awt.Dimension(<width>,<height>));
that line should do it. keep in mind that that will not resize your image. since you are using absolute positioning I will assume your button is of constant size. you should manually resize your images to be of the proper size for your buttons.

Radio Buttons with images

Hello everyone,
JDeveloper 11.1.1.7.0
Is it possible to have radio buttons with images instead of plain text?
If not, are you interested in having this kind of feature? I am ;-)
Thx.
Filip Huysmans

Hi Flip,
The user when switching between modes will fire an event to the server. This even needs to be caught in a bean and set a variable's value to either true or false.
Now you can treat "TRUE" to be in view and "FALSE" to be in edit mode.
Depending on this images can be changed.
Ex: your bean will be like
class catchMode{
private boolean mode;
public void changeMode(ActionEvent ae)
boolean modVal=this.getMode();
if(modVal) //if mode is true; i.e. view mode
this.setMode(false);
else if(!modVal) //in EDIT mode
this.setMode(true);
//Generate accessors for mode
in JSPX:
<af:image source="#{catchMod.mode eq true ? 'view.png' : 'edit.png'}"
Also the partialSubmit for the command component will be set to true
Thanks,
Pandu

I'VE CREATED A FORM WITH IMAGES. WHEN I OPEN THE FILE IN ACROBAT READER, THE IMAGES ARE BALCK BOXES!

I'VE CREATED A FORM WITH IMAGES. WHEN I OPEN THE FILE IN ACROBAT READER THE IMAGES ARE BLACK BOXES.
THE FORM HAs (extend features to acrobat reader). THE FORM WAS DISTRIBUTED.
NON OF MY EMPOYEES CAN SEE THE IMAGES. WHAT'S WRONG? CAN YOU HELP?

However, the view large images is an issue for a form that is being distributed. Either a note needs to be added to the PDF to tell how to enable the view or the images need to be changed so that the enabling is not needed.

Creating a button with text in FlashCS5

I am fairly new with using FlashCS5. I just finished the class and created a button with text in it for class but now when I need to do it for a project I can't seem to get it to work.
I am trying to create a simple start and stop button to start and stop a Flash movie. I can get the buttons to work without any text, such as the word start and stop in the middle of each. Everything I've tried to do with the text on the button turns out the same.
What happens is that in Flash the buttons appear to work fine. The little hand with the finger shows no matter where I place my cursor on the button but when I test them the area where the text is does not allow the click to work. I have tried specifying a hit area and made sure that the hit area was larger than the entire button but still the middle where the text is doesn't work. Outside of the text area works fine.
Any ideas? I've spent 4 hours on this.

Thank you for the reply but what I am doing is much simpler. I am creating a gray rectangle and putting text in the center. I am then selecting both the rectangle and the text and converting it to a button. I am then editing the button from the library and adding a keyframe to the hit area, drawing a rectangle around the button to establish the hit area.
I am enabling simple buttons and when in Flash it appears fine. It is when I test that the area where the text is doesn't function as clickable.

How can i create a button with richText display instead of label

Hi All,
I'm trying to create a button that will look exactly as the regular spark button but will have more than one color in his label (Like attached 'buttonPic.jpg')
I have tried to create a new button skin and new button component that will replace the label text and will to the job, but still it looks like the button original class overides the richText definitions. (Code attached)
Maybe there is other solution?
This is my extra code in the MyButtonSkin
 
 
 <s:Label id="labelDisplay"
 visible="false">
 </s:Label>
 <s:RichText id="exLabelDisplay"
 color="0x900000"
 textFlow="{TextConverter.importToFlow(htmlTextAsHTML, TextConverter.TEXT_FIELD_HTML_FORMAT)}"
 left="7" right="7" top="2" bottom="2">
 </s:RichText>
 <fx:Declarations>
 <fx:String id="htmlTextAsHTML"><![CDATA[0+]]></fx:String>
 </fx:Declarations>

Hi mewk,
probably it was a catch due to eyes that actually got a bit of sleep
anyway small test app
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
<fx:Script>
<![CDATA[
protected function updateBtn_clickHandler(event:MouseEvent):void
richbtn.label=mytext.text;
]]>
</fx:Script>
<s:Button id="richbtn" x="69" y="58" width="169" height="83" skinClass="ButtonSkin1" label="hellogoodbye"/>
<s:Button x="70" y="333" label="Update rich button" id="updateBtn" click="updateBtn_clickHandler(event)"/>
<s:TextArea x="69" y="174" id="mytext" text="hellobold"/>
</s:Application>
and a skin with minimal change
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21" alpha.disabled="0.5">
 <fx:Metadata>
 <![CDATA[
 [HostComponent("spark.components.Button")]
 ]]>
 </fx:Metadata>
 <fx:Script fb:purpose="styling">
 <![CDATA[
import flashx.textLayout.conversion.TextConverter;
 static private const exclusions:Array = ["labelDisplay"];
override public function get colorizeExclusions():Array {return exclusions;}
 override protected function initializationComplete():void
 useBaseColor = true;
 super.initializationComplete();
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
 var cr:Number = getStyle("cornerRadius");
 if (cornerRadius != cr)
 cornerRadius = cr;
 shadow.radiusX = cornerRadius;
 fill.radiusX = cornerRadius;
 lowlight.radiusX = cornerRadius;
 highlight.radiusX = cornerRadius;
 border.radiusX = cornerRadius;
 if (highlightStroke) highlightStroke.radiusX = cornerRadius;
 super.updateDisplayList(unscaledWidth, unscaledHeight);
 private var cornerRadius:Number = 2;
 ]]>
 </fx:Script>
 
 <s:states>
 <s:State name="up" />
 <s:State name="over" />
 <s:State name="down" />
 <s:State name="disabled" />
 </s:states>
 
 <s:Rect id="shadow" left="-1" right="-1" top="-1" bottom="-1" radiusX="2">
 <s:fill>
 <s:LinearGradient rotation="90">
 <s:GradientEntry color="0x000000"
 color.down="0xFFFFFF"
 alpha="0.01"
 alpha.down="0" />
 <s:GradientEntry color="0x000000"
 color.down="0xFFFFFF"
 alpha="0.07"
 alpha.down="0.5" />
 </s:LinearGradient>
 </s:fill>
 </s:Rect>
 
 <s:Rect id="fill" left="1" right="1" top="1" bottom="1" radiusX="2">
 <s:fill>
 <s:LinearGradient rotation="90">
 <s:GradientEntry color="0xFFFFFF"
 color.over="0xBBBDBD"
 color.down="0xAAAAAA"
 alpha="0.85" />
 <s:GradientEntry color="0xD8D8D8"
 color.over="0x9FA0A1"
 color.down="0x929496"
 alpha="0.85" />
 </s:LinearGradient>
 </s:fill>
 </s:Rect>
 
 <s:Rect id="lowlight" left="1" right="1" bottom="1" height="9" radiusX="2">
 <s:fill>
 <s:LinearGradient rotation="90">
 <s:GradientEntry color="0x000000" alpha="0.0099" />
 <s:GradientEntry color="0x000000" alpha="0.0627" />
 </s:LinearGradient>
 </s:fill>
 </s:Rect>
 
 <s:Rect id="highlight" left="1" right="1" top="1" height="9" radiusX="2">
 <s:fill>
 <s:SolidColor color="0xFFFFFF"
 alpha="0.33"
 alpha.over="0.22"
 alpha.down="0.12" />
 </s:fill>
 </s:Rect>
 
 <s:Rect id="highlightStroke" left="1" right="1" top="1" bottom="1" radiusX="2" excludeFrom="down">
 <s:stroke>
 <s:LinearGradientStroke rotation="90" weight="1">
 <s:GradientEntry color="0xFFFFFF" alpha.over="0.22" />
 <s:GradientEntry color="0xD8D8D8" alpha.over="0.22" />
 </s:LinearGradientStroke>
 </s:stroke>
 </s:Rect>
 
 <s:Rect left="1" top="1" bottom="1" width="1" includeIn="down">
 <s:fill>
 <s:SolidColor color="0x000000" alpha="0.07" />
 </s:fill>
 </s:Rect>
 <s:Rect right="1" top="1" bottom="1" width="1" includeIn="down">
 <s:fill>
 <s:SolidColor color="0x000000" alpha="0.07" />
 </s:fill>
 </s:Rect>
 <s:Rect left="2" top="1" right="2" height="1" includeIn="down">
 <s:fill>
 <s:SolidColor color="0x000000" alpha="0.25" />
 </s:fill>
 </s:Rect>
 <s:Rect left="1" top="2" right="1" height="1" includeIn="down">
 <s:fill>
 <s:SolidColor color="0x000000" alpha="0.09" />
 </s:fill>
 </s:Rect>
 
 <s:Rect id="border" left="0" right="0" top="0" bottom="0" width="69" height="20" radiusX="2">
 <s:stroke>
 <s:LinearGradientStroke rotation="90" weight="1">
 <s:GradientEntry color="0x000000"
 alpha="0.5625"
 alpha.down="0.6375" />
 <s:GradientEntry color="0x000000"
 alpha="0.75"
 alpha.down="0.85" />
 </s:LinearGradientStroke>
 </s:stroke>
 </s:Rect>
 
<s:RichText id="LabelDisplay"
color="0x900000"
textFlow="{TextConverter.importToFlow(hostComponent.label, TextConverter.TEXT_FIELD_HTML_FORMAT)}"
left="7" right="7" top="2" bottom="2">
</s:RichText>
</s:SparkSkin>

Non-Rectangular Buttons with images

is it possible to create a non-square "button" in flash cs4
programmatically using as3?
Using a xml document, i'm trying to be able to retrieve a
.png file with transparency, and have said transparent area's be
not clickable.
Long story short, I'm creating a map with a bunch of
clickable areas. These areas are non-rectangular and I need them to
not obscure other area's which would be in their rectangle. I need
this to be done programmatically since the area's are going to be
dynamic as is the data attached to them.
fyi: I have a fairly good grasp of OOP, so don't be afraid to
post up complex instructions.

Now we're cooking with gas! Thank you so much for your
assistance!
The only issue left;
is it possible for the Events to penetrate through, so that
if two elements slightly overlap, the transparent part of obj1 will
allow a onclick (and subsequently the onmouseover) event on el2,
preferably dynamically so that I don't have to add event handlers
between the two.
Is there a simple way or do i need to calculate the overlap
using the x/y coords and width/height of each element, then
manually dispatch?
here's where I'm at thus far (with this discussion)
Firstly, the class for the movie clip,
then our frame.

PSD Rollover Button with image in front stops button from changing state

I have a wide PSD button that changes state when rolled over. I would like to place a PNG image with transparency in some areas over the top of it so that the rollover button shows through the transparent areas of the PNG.
How can you get it to do the rollover effect when the user mouses over the bit of the button that the image is in front of? Is ther a way of making the PNG 'invisible' to the mouse?
I know I could redesign the button so that it includes the image but I'm trying to keep file sizes and load times to a minimum, I use this button a lot on my website with a different on each, and having that number of individual buttons would result in a bloated, slow-loading website.

Hi Abhishek
Thanks for your reply. I was able to achieve the effect I wanted by having the PNG and the PSD Button with the same link and then grouping them. This means I can mouse over the PNG and still get the PSD rollover effect, which is perfect.
However I also have another similar problem. I have some different PSD Rollover Buttons which have some text in front of them (basically it's the button label). On some of these buttons when you roll over the text it prevents the rollover state of the button, and on other buttons the rollover effect occurs as it should, and there doesn't appear to be any consistency about which does what. Grouping or ungrouping doesn't appear to make a difference. Can you help?

Replace Buttons with Images.

Folks,
I have buttons in my application which perform a certain functions
by clicking on them.
I want to replace the buttons by gif/jpg images,so that when the
user clicks on them,it does the same set of functionality as discussed
above.
HOW CAN I REPLACE THE BUTTONS with Gif and implement the actionListener??

Hello,
there are several methods to set the icon for the button like setIcon and setRolloverIcon etc. You better setContentAreaFilled(false) if you want an icon-only button. Have a look at [url http://java.sun.com/j2se/1.4.2/docs/api/javax/swing/AbstractButton.html]AbstractButton for further information.
Regards,
Tim

Creating a button with a text label layer

Hi guys. Looking for any tips on how best to implement a button with a text label. I initially created a rectangle object on a lower layer and with text in the upper layer via type tool. When I group both objects and create the button the text is readable in my InDesign (document) computer screen but the minute I preview it on my iPad the button becomes unreadable and pixellated. I tried various approaches by moving the text layer outside the button group does not display the text at all. Has anyone run into this issue? If so what is the best practice? Thanks in advance.

Thanks for the insight Neil. Regarding my button design its nothing fancy. Its a rectangle box on one layer and a text label on another layer inside the rectangle object. What I'm trying to simulate is when the user taps on the button the click state will change colour to notify the user that they have activated an event and in this case a navto://...
The way I've implemented it is the rectangle is coloured pink [Normal] and when tapped the light pink [Click] toggles between both colours BUT my text label disappears.
See the screen shots below.

Flash button with images

hi,
I want to create a flash button,& for the button
different images should load for press & release events. also I
want to reuse this button. Please can someone tell me how to do
that

you'll need to use server-side scripting to handle part of the file upload and the file name retrieval from the upload folder. assigning the uploaded files names you'll do from flash. you'll use another script to retrieve the file names and in flash load and display which ever subset you want.

How to create a SelectItem with image before the label text?

How to create SelectItems with image before the label text for selectMulitpleChoice, selectOneChoice, selectOrderShutltle, etc?

you have to create a custom selectoechoice for this.. to have an image next to the seelct items..
as mentioned above..
http://www.oracle.com/technetwork/developer-tools/adf/learnmore/55-selectonechoicewithimages-170420.pdf

Create a button with image

Similar Messages

Maybe you are looking for