Image in Button

Hi!
How shall I get the image to be displayed? I try to set the Image property in the button object but nothing happens. I have tried both absolute and relative paths and different image formats but it will not be displayed.
How to do it?
What image formats are supported?
My goal is to create the "Back" button that is used in some system forms (blue circle with an left arrow in). Is there an easier way the achieve that?
Regards
Lars

Hi!
No, the UID is not 1 or 2.
The button is bigger than the image.
I've tried JPG, GIF, PNG and BMP formats.
I've tried absolute path.
I've tried realtive path to the addon executable.
Nothing works.
No, I'm not using ScreenPainter.
Regards
Lars

Similar Messages

Images as Buttons and Image Resizing in mxml

Sorry for all the questions but I've run into a problem when trying to create buttons that are just an image in mxml. When I first tried this I couldn't find a way to get the border around the button to dissapear so it ended up looking like my image had an extra black border around it. Then someone here suggested I just set the buttonMode property of an mx:Image to true which ended up working fine to a point. The problem I'm having is that even if I make the tabEnabled property of the image (that I'm using as a button) true, I can't tab over to it. Is there a way to either get rid of the black borders of a button or to make it so I can tab over to an image I'm using as a button?
My second question has to do with image resizing. Lets say I have an image of a horizontal line that I want to put at the top of the mxml page, and I want it to extend the full length of the page, even after the user has resized the browser. Is there a way to do that? I've tried putting the width as 100% or giving the image a "left" and "right" value so that presumably it would be stretched to fit within those but nothing has worked so far. Is there no way to do this or am I doing something wrong?
Thank you for any help you guys can give.

Of course, sorry about that. So the following is a barebones example of how I currently implement buttons and images as buttons:
<mx:Button id="facebookButton" icon="@Embed(source='image.png')" width="30"/>
<mx:Image buttonMode="true" id="button" source="anotherimage.png" enabled="true" click="{foo()}"/>
And within the image I've tried making the tabFocusEnabled property true but to no avail.
The following is how I've tried stretching out an image across the whole page:
<mx:Image source="yetanotherimage.png" width="100%" scaleContent="true"/>
<mx:Image source="yetanotherimage.png" left="10" right="10" scaleContent="true"/>
Is this more helpful?

Image as Button

I need to use image as a button control. I cannot use buttonMode=true property as that affects accessibility implementation.
There are many such images to be used as button in the application and so cannot use upskin, downskin properties of Button with @Embed. I need a dynamic way of using image as button but without buttonmode property.
Can any one please suggest with sample code?
Thanks,
Uma

I found the following statement -
...using Mouse.cursor = MouseCursor.HAND to set the hand and back to Mouse.cursor = MouseCursor.AUTO to reset to default
The question was somewhat different, but this was the original page -
http://stackoverflow.com/questions/7835657/flex-usehandcursor-in-child-component-of-parent -with-setcursor

How to put images on buttons?

I am currently working a project and need to mount an image onto a button, so when the image is clicked on it makes the button event work?

set icons? , do i have to have the image in the same
folder as where the code is saved? I have not been
able to find any code showing how to apply images
onto buttons on a GUI.Did you atleast read reply 2 and 4?Have you ever read the JButton API?There's no necessity that the image has to be in the same folder.You use have to specify the absolute path of the image when you create an instance representing it.

How to set images as buttons?

Hi,
I am trying to create a GUI in which each frame/panel has few buttons.I am able to put an icon in the button.Now please can u tell me how one can set an image as button?I am using netbeans to do the above.
Thanku..

tara_730 wrote:
I am able to put an icon in the button.
can u tell me how one can set an image as button?Does not compute. An Icon is an image, so if you can put one on a button, you're done. What are you trying to do, and what have you managed to accomplish, in detail.

How could i put image in button bar

import events.ToolbarEvent;
import mx.events.FlexEvent;
import mx.events.ItemClickEvent;
import mx.events.SliderEvent;
import mx.core.*;
import spark.skins.spark.ImageSkin;
import ui.presenters.MainPresentationModel;
 [Bindable]
 public var fileButtons:Array = [{label:"Open"},{label:"Save"}];
 [Bindable]
 public var navButtons:Array =
 {label:"Adjust",state:MainPresentationModel.ADJUST_STATE},
 {label:"Touchup",state:MainPresentationModel.TOUCHUP_STATE},
 {label:"Effects",state:MainPresentationModel.EFFECT_STATE}
 [Bindable]
 public var historyButtons:Array = [{label:"Undo"},{label:"Redo"}];
 private function handleFileClick(e:ItemClickEvent):void
 if (e.label == "Open")
 dispatchEvent(new ToolbarEvent(ToolbarEvent.OPEN));
 else if (e.label == "Save")
 dispatchEvent(new ToolbarEvent(ToolbarEvent.SAVE));
 private function handleNavClick(e:ItemClickEvent):void
 callLater(handleNavigation,[e.item.state]);
 private function handleNavigation(state:String):void
 if (navBar.selectedIndex == -1)
 dispatchEvent(new ToolbarEvent(ToolbarEvent.SHOW));
 else
 dispatchEvent(new ToolbarEvent(ToolbarEvent.SHOW,true,false,state));
 private function handleHistoryClick(e:ItemClickEvent):void
 if (e.label == "Undo")
 dispatchEvent(new ToolbarEvent(ToolbarEvent.UNDO));
 else if (e.label == "Redo")
 dispatchEvent(new ToolbarEvent(ToolbarEvent.REDO));
 private function handleZoomChange(e:SliderEvent):void
 dispatchEvent(new ToolbarEvent(ToolbarEvent.ZOOM, true, false, null, e.value));
 ]]>
 </mx:Script>
 <mx:ButtonBar dataProvider="{fileButtons}" itemClick="handleFileClick(event)" />
 <mx:ToggleButtonBar id="navBar" dataProvider="{navButtons}" toggleOnClick="true"
 creationComplete="event.target.selectedIndex=-1" itemClick="handleNavClick(event)"/>
 <mx:Button label="Show Source" click="dispatchEvent(new ToolbarEvent(ToolbarEvent.SRC))" />
 <mx:Spacer width="100%" />
 <mx:ButtonBar dataProvider="{historyButtons}" itemClick="handleHistoryClick(event)" />
 <mx:HSlider value="1.0" minimum="0.1" maximum="3.0" snapInterval="0.1" liveDragging="true" change="handleZoomChange(event)" />
</mx:HBox>
using this code what shoud i do to add image on button bar

I would extend the button bar and in create children I will add the image.

Customizing UITableViewCell (image, label, button).

I have an image and 4 UILabels in my tableViewCell. I need the image to be selectable and two labels to be selectable. I searched in documentation and I found nothing about writing selector for UILabel. So, I am trying to use UIButtons ( UIButtonTypeCustom) instead of the two UILabels. But, when I touch the cell the entire cell is selectable. How can I differentiate the labels, image and buttons in my UITableViewCell.
I need the image to be selectable. I wanted to add a video in place of the image.
How can I make all this possible.
Thank You.

http://www.iphonesdkarticles.com/2008/08/table-view-tutorial-tableview-cell.html
http://iphoneincubator.com/blog/windows-views/display-rich-text-using-a-uiwebvie w
Google is your friend...

Show waiting image on button click till response comes

Hi All,
I want to show waiting image on button click in a jsff page till response comes from back-end.
For this I am using following code in button :-
<af:commandButton text="Submit" id="cb1"
actionListener="#{RegistrationManagedBean.onRegisterClick}"
binding="#{RegistrationManagedBean.registerButton}"
inlineStyle="width:65px; height:34px; font-size:11px; font-family:verdana; color:#fff; border-color:Gray; border-style:solid; border-width:1px; background-image:url("images/template-related/template_new/ButtonEnabledBG.png"); background-repeat:repeat-x; float:right;"
styleClass="button">
<af:clientListener method="enforcePreventUserInput" type="action"/>
</af:commandButton>
enforcePreventUserInput is written inside on .js file.
js code is :-
function enforcePreventUserInput(evt) {
var popup = AdfPage.PAGE.findComponentByAbsoluteId('pt1:r1:p1');
if (popup != null){
AdfPage.PAGE.addBusyStateListener(popup,handleBusyState);
evt.preventUserInput();
function handleBusyState(evt){
var popup = AdfPage.PAGE.findComponentByAbsoluteId('pt1:r1:p1');
if(popup!=null){
if (evt.isBusy()){
popup.show();
else if (popup.isPopupVisible()) {
popup.hide();
AdfPage.PAGE.removeBusyStateListener(popup,handleBusyState);
Popup code is :-
<af:popup id="p1" contentDelivery="immediate">
<af:dialog id="d2" type="none" closeIconVisible="false"
inlineStyle="background-color:none !important; width:54px; height:55.0px;">
<af:image source="/images/template-related/LoadingCircle.gif" shortDesc="Loading" id="i7"/>
</af:dialog>
</af:popup>
This is working and image is also being shown but this image is not shown as transparent(where as image is transparent) and also image is having top and bottom shading which is because of dialog or popup. But i dont want this shadow. Also inline style is not working for this popup.
If there is any other way to solve this purpose please suggest.
Thanks
Edited by: 915148 on Jun 4, 2012 1:19 AM

Ok, we will use a movieclip button but is there a tutorial somewhere on how to display the image when the button is clicked?

I Have a UITableView with 17 row. in last 17Th row i applyed cell.selectionStyle = UITableViewCellSelectionStyleNone; and in this row i also put UIButton with Image - my QUESTION IS that i want in 17Th row when user tapped Image on button is hide and wh

I Have a UITableView with 17 row. in last 17Th row i applyed cell.selectionStyle = UITableViewCellSelectionStyleNone;
and in this row i also put UIButton with Image …
my QUESTION IS that i want in 17Th row when user tapped Image on button. then Image is hide and when user again tapped then image is shown …
so PlZ…help me how can i put logic..
Thanks FrNdZZzzzz…

Sign in:
https://developer.apple.com/devforums/
If you're not a developer, you need to join first:
https://developer.apple.com/programs/register/

Hello as2 image scroll buttons. I can't get the scroll to work

Thank you in advance for your help. I am building an vertical image scroll buttons in AS2. but I cant get the scroll to work. Can you please look at my script and see if I am missing something. Thank you again.
topEdge=mask_mc._y;
maskHeight=mask_mc._height;
sliderHeight=slider_mc._height;
ratio=maskHeight/(sliderHeight-maskHeight)
//trace(ratio)
targY=slider_mc._y;
slider_mc.onEnterFrame=function(){
this._y+=(targY-this._y)/5;
slider_mc.onMouseMove=function(){
if(mask_mc.hitTest(_ymouse,_xmouse,false)){
    targY=topEdge-(mask_mc._ymouse/ratio)
    updateAfterEvent();

Try:
- Reset the iOS device. Nothing will be lost
Reset iOS device: Hold down the On/Off button and the Home button at the same time for at
least ten seconds, until the Apple logo appears.
- Reset all settings
Go to Settings > General > Reset and tap Reset All Settings.
All your preferences and settings are reset. Information (such as contacts and calendars) and media (such as songs and videos) aren’t affected.
- Restore from backup. See:
iOS: How to back up
- Restore to factory settings/new iOS device.
- Make an appointment at the Genius Bar of an Apple store.
Apple Retail Store - Genius Bar

How to add an image or button to an AdvancedDataGrid cell with wrapped text alongside

I have an advanced data grid with which i need to add either
images or buttons to individual cells alongside the text.
This i can do, but what i can't figure out is how to make the
text wrap.
Currently, I can make cell text wrap by using an itemRenderer
which extends Text. Or, I can add an image or button to a cell by
using an itemRenderer which extends HBox and contains an image or
button child. To this HBox i can add a Text or Label object also,
but i can't make the text wrap.
Does anyone have any ideas/suggestions/solutions????
Thanks
Mark

"ms10" <[email protected]> wrote in message
news:g8jlb5$l6p$[email protected]..
>I have an advanced data grid with which i need to add
either images or
>buttons
> to individual cells alongside the text.
>
> This i can do, but what i can't figure out is how to
make the text wrap.
>
> Currently, I can make cell text wrap by using an
itemRenderer which
> extends
> Text. Or, I can add an image or button to a cell by
using an itemRenderer
> which
> extends HBox and contains an image or button child. To
this HBox i can add
> a
> Text or Label object also, but i can't make the text
wrap.
>
> Does anyone have any ideas/suggestions/solutions????
I'd look at the code for AdvancedDataGridGroupItemRenderer
and try to see
what keeps it from displaying an icon in the columns that are
not grouping
columns. I'd then extend it to change that and use an icon
function.
HTH;
Amy

Using an advanced action to display an image (or button) on each slide.

I have an advanced action that evaluates certain criteria. The advance action is called from several different slides within the presentation. Is there some way that I can get it to display a set image if the criteria is met? It seems like I would have to write a new, slightly different advanced action on each slide to "show" the image on each slide.
Is there some way to share an image (or button) so that the advanced action can make it appear, no matter what slide you are on?
Let me know if I need to provide further clarification. Thanks!

Technically your advanced actions are only allowed to show or hide images from the slide where they are actually executed. So an advanced action executed on slide 3 for example, will not be able to show or hide an image on slide 5.
However, what you can do is place the image on one of the earlier slides in the project and then set it to be timed for Rest of Project. This allows you to SHOW or HIDE the image from any slide later in the project where your Advanced Action is executed.

Image en buttons

Can someone give me a simpel example of putting a background image and on that image you have two buttons, with gifs on. But you may not see the border of whatever of the buttons. it must look like 2 images on another image.

I found another workaround to insert an image below buttons utilizing the swf widget
On the panel I insert a first swf widget then I insert another swf widget inside it and I link this last one to my image/swf
After inserting the image I select the first widget and I drag an drop the buttons.
(You can select it also in the Outline View at the bottom right of the inspector panel) .
Now I'm able to resize and also move the container, and the button stay on top
The important is to drag the first container and not the ones that contain the image.
( Infact if you move this one you can see in the outline view that change the levels order)
If you really are in the need to move the image container just copy and cut the buttons and paste again after the move
At this point IMHO, other solution may be searched out the Configurator interface

Convert image to button

Hi All,
Is it possible to convert an image into button and add behaviour script to it? or Is it possible to create a button with icon and events to it? Please suggest.
Thanks,
Vanitha Allwin

http://www.kahrel.plus.com/indesign/scriptui.html
This has been very valuable. This will help you with almost everything you need. Also try ScriptUISprites by Marc Autret.
Also you will need this to make your png.
var f1 = new File( "/Applications/Adobe InDesign CS4/File Name.png" );
var f2 = new File( "/Users/Desktop/_MAC.txt" );
//var f ="/Applications/Adobe InDesign CS4/Scripts/Scripts Panel/New UI/GreenButton2.png";
if ( f1.exists ) {
f1.encoding = "BINARY";
f1.open( "r" );
var buf = f1.read();
f2.open( "w" );
f2.write( buf.toSource() );
f2.close();
f1.close();

How to use icon instead of bitmap for image on button in toolbar?

Hello,
I am trying to use an image that has a transparent background on one of the buttons on our custom toolbar in Adobe Acrobat.
In the past we have been using the following code with Bitmaps to display the image and it has worked perfectly:
======================================================================
AVIcon icon = LoadBitmap(gHINSTANCE, MAKEINTRESOURCE(IDB_OPTIONS_LARGE));
toolButton = AVToolButtonNew(ASAtomFromString("IMGR:Options"), icon, true, false);
====================================================================
Background info on the other objects:
V0200_DATA* dataPtr = (V0200_DATA*) windowsData;
gHINSTANCE = dataPtr->hInstance;
Resource File:
IDB__OPTIONS_LARGE BITMAP "Resources\\ImageOptions_Large.bmp"
IDI_ICON1 ICON "Resources\\Image_Icon.ico"
Unfortunately, these bitmaps are not transparent and end up showing the white background instead of the transparent one.
I have tried using Icons and PNGs as my image but I have been unable to get anything to show up. Here is the code I am using to get the AVIcon:
===================================================================
AVIcon icon = LoadImage(gHINSTANCE, MAKEINTRESOURCE(IDI_ICON1), IMAGE_ICON, 0, 0, LR_DEFAULTSIZE);
===================================================================
However, no image appears on the toolbar. I am able to use LoadImage with the bitmap, but I am unable to make it transparent, even when using the LR_LOADTRANSPARENT flag.
If anyone can point me in the right direction I would greatly appreciate it!
Thanks,
Ryan

I got it worked with PNG file. I got transparent backgrounds in toolbar and menus.
below is my code,
HRSRC resource = FindResource(gHINSTANCE, MAKEINTRESOURCE(IDB_SAVE_21_PNG), L"PNG");
if( resource == NULL )
//Unable to load resource
DWORD resourceSize = SizeofResource(gHINSTANCE, resource);
HGLOBAL glob = LoadResource(gHINSTANCE, resource);
LPVOID resouceArray = LockResource(glob);
ASUns8 *data = (ASUns8*)ASmalloc(resourceSize + 1);
memcpy(data, resouceArray, resourceSize);
AVIconDataRec iconData;
iconData.dataStm = ASMemStmRdOpen(( char *)data, resourceSize);
iconData.eColorFormat = kAVIconColor;
void * iconBundle = AVAppCreateIconBundle6(kAVIconPNG, &iconData, 1);
AVToolButtonNew (ASAtomFromString("PFXDOC:Pfx_DocumentToolSave"),
iconBundle, true, false);
Thanks & Regards
Prakash

Can you move a 'Multiple Image Upload' button into the 'Update Form'?

I am able to creat and an Update form and an image upload using the "Update Form Wizard" tool and the "Multiple Image Upload" tool succesfully.
 
 The problem comes when I try to move the "UPLOAD" button inside the Update form. Right now it looks like this:
 http://www.webritesolutions.com/Test/upload/now.JPG
 
 This is how I would like it to show:
 http://www.webritesolutions.com/Test/upload/tryingto.JPG
 
 I want to "Upload" button to go next to the "Update record" button. When I do this I get a javascript error and the "Update record" button is disabled.
 Here is the code of what I tried to do:
 
 
 
 
 
<table>
<tr class="KT_buttons">
<td>
<?php // Multiple Upload Helper echo $muploadHelper->Execute(); ?>
</td>
<td colspan="1">
<input type="submit" name="KT_Update1" id="KT_Update1" value="Update record" />
 </td>
</tr>
</table>
 
 Here is the Javascript error:
 http://www.webritesolutions.com/Test/upload/error.JPG
 
 thanks for your help.

A control can only appear once in the visual tree. So you have to remove it from the Grid before you can add it to the DockPanel.
This code will move the Border element from the Grid to the DockPanel when you click the button:
Private Sub Button_Click(sender As Object, e As RoutedEventArgs)
Dim border = CType(LayoutRoot.FindName("myborder"), Border)
LayoutRoot.Children.Remove(border)
contain.Children.Add(border)
End Sub
<StackPanel>
<Grid x:Name="LayoutRoot">
<Border x:Name="myborder" BorderBrush="Black" BorderThickness="2">
<TextBlock>...</TextBlock>
</Border>
</Grid>
<DockPanel x:Name="contain" Background="Yellow">
<TextBlock>2</TextBlock>
</DockPanel>
<Button Click="Button_Click" Content="Move"/>
</StackPanel>
You can try it for yourself. But please post your code as formatted text and not as embedded images if you want anyone to be able to reproduce your issue and help you in the future.
Please remember to close your threads by marking helpful posts as answer.

Image in Button

Similar Messages

Maybe you are looking for