Simple button background problem

Good day,
I'm new to flex and MXML. I've gone through the initial difficulties of getting familiar with the IDE and programming language. Now that this is done, I'm really starting to enjoy it.
I'm currently facing what is probably a basic problem. I've created an MXML Button component. When I instanciate it somewhere in another component, it comes up with a weird square background under my button, like this :
My button is a single line component, like this :
<s:Button label="Measure" skinClass="skins.MeasureDistanceSkin" width="70" height="25" click="OnClick(event);" creationComplete="Init(event);" />
My button instanciation line looks like this :
<MeasureButton map="{map}" left="110" top="42" width="80" height="33" id="MyButton" />
Can anyone give me a hand with this?
Thanks,
Bruno

You couldn't have made trillions of buttons that work using that code in AS3. It would have to be something more like the following to work in AS3...
stop();
btn_page2.addEventListener(MouseEvent.CLICK, gotoPage2);
function gotoPage2(e:MouseEvent):void {
gotoAndPlay(99);
Switched places in the btn_page2 line and changed Void (AS2) to void (AS3)

Similar Messages

Really simple button click problem...?

I've made buttons a trillion times, but this button doesn't seem to be working...
stop();
addEventListener.btn_page2(MouseEvent.CLICK, gotoPage2);
function gotoPage2(e:MouseEvent):Void {
gotoAndPlay(99);
I've checked that the button is labeled correctly (it is).... here are the compiler errors:
Line 3 '{' expected
Line 5 Unexpected '}' encountered
What?! Any ideas?

You couldn't have made trillions of buttons that work using that code in AS3. It would have to be something more like the following to work in AS3...
stop();
btn_page2.addEventListener(MouseEvent.CLICK, gotoPage2);
function gotoPage2(e:MouseEvent):void {
gotoAndPlay(99);
Switched places in the btn_page2 line and changed Void (AS2) to void (AS3)

Simple button problem

I am having a real problem creating a simple button - I have
created a Flash file using Action script 2, and when I create a
simple button - text with a rectangle as a background, (see
http://www.elkhavenestate.com),
and the over state is behaving in a bizarre fashion. This is my
first time using CS3, so is there a new control that I'm
missing?

I take it that it's the Home button. It appears to have a
selectable text field or something in it, which is causing the
problem. Either change that to a static text field or set its
selectable property to false. The other two buttons appear to be
fine, so maybe you can just duplicate one of them and turn it into
the Home button.
If I picked the wrong button, let me know.

Simple Button Hit Zone not working

I am somewhat new to Flash CS4 andt am having a problem making simple buttons in Flash CS4 on a Macintosh: I have made a few buttons with a graphic and can go into them and successfully create the Up, Over and Down stages of the graphic. Then when I create a new box for the hit state (which is larger than the graphic and I have deleted the graphic itself from the hit state) it doesn't want to appear correctly when I test the movie. When I test the movie, the hit state is correct everywhere around the graphic (to the bounds of my hit state box), but is not active where the graphic is. When I go under the Control menu, down to Enable Simple Buttons, the hit zone looks great right in my Flash file, but when I preview it or publish it and look it on different browsers (PC and Mac), I don't get my pointer right over the actual graphic, but get it everywhere around the graphic to the boundaries of my hit box. Why can't I get the actual graphic to be a hot spot in this situation? I have tried leaving the graphic in the hit timeline, and tried putting both the larger box and the graphic in the hit timeline, and still can't get them to respond correctly with the pointer in the browser window. Thank you....

Well, since the graphic itself doesn't activate my pointer in a web browser, I thought maybe I needed to add both the box and the graphic itself to the hit state. That's what has me puzzled - the box that I use for the hit zone is "active" everywhere but where the actual graphic is...

Simple button help needed!

I want to make a simple round button that glows when you
mouse over it and depresses when you click it.
Apparently to do this I need to use Filters to make the glow
and bevels. But Filtersonly work on movie clips, buttons and text.
So I make a circle and convert it into a button symbol
(Btn1). Then I make another button symbol (Btn2) and use the first
button symbol (Btn 1) on the Up Over and Down frames of Btn 2.
Assorted Filters are applied to Btn 1 on the Up Over and Down
frames to get the effects I want.
I test the button (Btn2) using Enable Simple Buttons. It
works perfectly - glows on mouse over and depresses on click. Then
I try Test Movie -- and the button doesn't work!!!
Not does it work when exported as a SWF file!!!
I watched a tutorial video that came with my Flash Pro 8
Hands-On-Training (HOT) book and he used pretty much the same
technique -- except he only tested his button with Enable Simple
Buttons. I'll bet my house his didn't work with Test Movie either!
The stupid thing, is I was just able to achieve exactly what
I wanted very quickly using LiveMotion 2!
What is wrong here? Why is it so impossible to create a glow
button in Flash? Why has it been easy in Live Motion for years?
All help appreciated!
Thanks
craig

I thought the nesting button situation might be the problem
BUT there is no other way to apply Filters to Up, Down, etc. Also,
a freaking tutorial book described that as a valid method, but
obviously it ain't.
I tried using movieclips as well but basically had the same
problem.
I mentioned LiveMotion 2 because that ancient program can do
easily what Flash Pro 8 seems incapable of.
What is the logic behind not allowing Filters to be applied
to simple graphics? It's absurd!
There's got to be a way...

Can't get Simple button to Load Movie Clip

Hi I've looked around for the answer to my question on this
forum
but havent found it so here it goes. I am working on this
company's
Flash site that was built by an outside studio. I am using
CS3.
The url to the site is
http://www.bubbakeg.com.
(this link will take you to the main page click the shadow
graphic
on the left under Bubba and this will take you to the site I
am speaking
of. The site is basically 5 different pages or movie clip.
What I am
trying to do is basically change the "Spring Break" middle
graphic
(which is a Movie Clip) on the HOME page and add a simple
button
that will direct the user to a new page. When I replaced the
graphic
with a new Movie clip there was no problem but I have added
a
button to load a new page (movie clip) and nothing happens.
This
button is in the movie clip of the new graphic which is
called up
when the page loads. If i take this button and just put it
on the
Main Stage in Scene 1 by itself it works and loads the page
(movie clip). It does not however when it is embeded in the
Movie
Clip. The Flash site is basically 5 different Movie Clips
loaded into
an "Empty Clip". This empty clip has a timeline with each of
the
clips labeled and with their respective sized placeholders.
And
when you click on either the links on the Nav bar or the
graphic
for each page it loads that movie clip on the main page. It
seems
like the button only wants to work on the main timeline. I
have
even replaced the code for the "Contact" button with the code
for the new button and it worked (opening new page). Here is
the
code for the new button that does not work:
on (release) {
_root.contentHolder.myHeight = 307;
_root.contentHolder.newLoc = 9;
heightAnimation();
I know the location and height from the above code are
referring to the placement and sizing of each movie clip
in the "Empty Clip". As i said before this heightAnimation
and the resizing of the new clip works fine when the
button resides in Scene 1 on the Main Timeline but not
within the new movie clip (graphic Ive created.)
I will upload the main chunk of the code that resides
in Scene 1 on the first frame of the "Actions" layer.
If anyone has any ideas I would appreciate it very much!
Please let me know if I can provide anymore info.
Thanks!
Greg

change:
function newLayerBT_CLICK(MouseEvent):void{
to:
function newLayerBT_CLICK(e:MouseEvent):void{

Adding Image to Simple Button Dynamically Using AS3

Hi,
I need some help trying to figure out how to dynamically add an image (PNG or JPEG) that I can place in the library to a simple button also dynamically created in AS3.
Is there a way to (1) add the image instead of using a text label and have it centered in the button?
Here's the AS3 for the simple button without the image (currently uses text label but would prefer if possible to substitute an image for the text:
        var mc2:MovieClip = new MovieClip();
        mc2.addChild( bgRed2 );
        mc2.addChild( txt2 );//currently uses text label; would prefer to use an image istead of text
        var mc2a:MovieClip = new MovieClip();
        mc2a.addChild( bgRed2a );
        mc2a.addChild( txt2a );currently uses text label; would prefer to use an image istead of text
        var clearBtn:SimpleButton = new SimpleButton();
        clearBtn.upState = mc2;
        clearBtn.overState = mc2a;
        clearBtn.downState = clearBtn.upState;
        clearBtn.hitTestState = clearBtn.upState;
        clearBtn.x = 0;
        clearBtn.y = 0;
        addChild( clearBtn );
        clearBtn.x = 55;
        clearBtn.y = stage.stageHeight-clearBtn.height;
Any help appreciated.

assign your image a class name (eg, Img1). you can then use:
var img1D:BitmapData=new BitmapData();
var img1:Bitmap=new Bitmap(img1D);
cleanBtn.upState=img1; // for example, button's upstate is the image.
// if you wanted some background and the image centered on the background, create your background (sprite or movieclip), use addChild to add img1 to your background and center it. then assign your button's upState etc to be your background

Simple black background photo book

I want to make a simple black background photobook with clean fonts (like futura or arial etc)
can anyone point me to a template that would let me do this in photoshop elements.
Thanks
V

Use any of the templates included in PSE10 that is the picture layout that you like. You can switch to "Advanced Mode" (the button in the lower left corner) and then use all the tools and layers to change backgrounds, type faces, etc.
Just a note: you'll be using up a lot of ink if you print a black background....
Ken

How to make button background color chnage

Hi
In my custom application having 12 buttons, out of 12 buttons one button should look totally differance than other buttons like button background color to red color.
we found two solution even though those are not adopted to my solution
1. CSS technic for application, its changing whole application insted of one button inside a iview.
2. client is not happy with button design like STANDARD/EMPHASIZED/PREVIOUS/NEXT
Regards
Malli

Hello
You can also use the imageAlt, imageFirst,imageSource properties of the image to enhance the button.
and to change the background you can change the portal theme.
Thanks

Simple button script not working

I am using AS2 and need help figuring out why this simple button script is not working:
stop();
buttonWS1.onRelease = function(){
                    gotoAndStop("Stage1and2_Boss",4);
buttonWS2.onRelease = function(){
                    nextFrame();
//end
My buttons are the square letter-puzzles below. They are images that I converted to "symbols" (specifically, buttons). I put their names as above (buttonWS1, buttonWS2, etc.) in the "instance names" boxes.
I have no idea what is going on. Please help!

Hi -
1. Yes, buttonWS2 is the instance name
2. The only code attached to it is the code I pasted above.
3. onRelease does not execute because my trace statement does not appear in the output
Here is the modified code for buttonWS2:
buttonWS2.onRelease = function(){
                    trace("clicked!");
                    nextFrame();
Question: It shouldn't matter if I have commented-out code within that set of codes should it?:
buttonWS2.onRelease = function(){
          //if (puzzleschosenarray[0] == 2 || puzzleschosenarray[1] == 2) {
          // cannot be chosen -- make button non-functional
          //else{
                    //puzzleschosenarray[roundnumber-1] = 2;
                    trace("clicked!");
                    nextFrame();

Simple button to play symbol....?

I have a symbol "NA". It is an animated map that scales up and then back in place when closed. I have added a button to the main stage to play this symbol with the following code on the "click" event:
sym.getSymbol("NA").play();
What am I missing? Something, because it doesn't work for some reason.
Simple button for a simple mind?
Any and all help would be appreciated.

Hi OneHorse,
I've uploaded a file showing my above code working. Instead of just using "play", I'm telling it to play from a label: play("in"). If your "NA" symbol has autoplay unchecked, there may be some weird action when you tell it just "play()".
www.timjaramillo.com/code/edge/_source/test.zip

Simple button not functioning?

I've been staring at this code for an hour. Maybe I need a break? This is a very simple button that just won't accept my touch events.
I have a movie clip. It's instance name is "boardA." The name of the symbol is "letterA" and it is linked to a class file called "Letters" (which is properly linked, I checked).
This is the code in the class file:
public function Letters() {
            this.addEventListener(TouchEvent.TOUCH_BEGIN, createLetter);
            trace (this.letter);
        public function createLetter(e:TouchEvent): void {
            trace ("You clicked it!");
            trace ("eName = " + e.target.letter);
Yet nothing happens when I click the button. The constructor for the file never executes.
I even moved the touch event to the main frame "boardA.addEventListener(TouchEvent.TOUCH_BEGIN, createLetter)" and it still didn't work. Nothing when I touch the button.
What am I missing here?
Thanks
Amber

No. Letters.as is in com/freerangeeggheads/spellmaster. It's linked as such - here is the text.
The base class is: com.freerangeeggheads.spellwhiz.Letters
The class is: letterA
When I click the green check box it tell me it can find the class, and when I click the edit class button it takes me to the proper script file.
I also have the file imported into my main frame.
This is the Letters.as file:
package com.freerangeeggheads.spellwhiz {
    import flash.display.*;
    import flash.events.*;
    import com.freerangeeggheads.spellwhiz.*;
    public class Letters extends MovieClip {
        public var letter:String = "";
        public function Letters(): void {
            this.addEventListener(TouchEvent.TOUCH_BEGIN, createLetter);
            trace (this.letter);
        public function createLetter(e:TouchEvent): void {
            trace ("You clicked it!");
            trace ("eName = " + e.target.letter);
Thanks!

Simple button in AS3

hello everybody,
in my website I have a simple button that should trigger at
every click a different frame. Browsing the net I have found the AS
for the simple button (attached code) that works for a sigle click.
Would please tell me the AS to give to the button the
function described above??
thank you so much

My line would replace the gotoAndStop(2) that you had in your
previous code. But I'm not sure that it is what you want. The code
I gave you will tell the thing you clicked on to go to frame 2 and
only to frame two.
I think you are trying to do something different that what I
thought. I think what you want instead of your gotoAndStop() line
you just want
nextFrame();
Of course you might want to do something special when you get
to the last frame so you might want to add something like:
if(currentFrame==totalFrames){
next.removeEventListener(MouseEvent.CLICK, release);
next.alpha=.5;
That would go just after the nextFrame(). That checks to see
if the current frame is the last one and if so removes the click
handler from the next button and makes it transparent so it looks
disabled. (That could be done in a lot of fancier ways, but this
was just to give you the idea.)
Does that help?

Simple Button.Text not changing properly

Hi all,
The WPF learning curve is steep.
I have pulled my hair over this simple Button.Text change and I can't get it to work.
In WinForms this works:
Public Class Form1
Private Sub BTN_1_Click(sender As Object, e As EventArgs) Handles BTN_1.Click
BTN_1.Text = "CLICKED BUTTON 1"
BTN_2.Text = "CHANGED BY BUTTON 1"
End Sub
Private Sub BTN_2_Click(sender As Object, e As EventArgs) Handles BTN_2.Click
BTN_2.Text = "CLICKED BUTTON 2"
BTN_1.Text = "CHANGED BY BUTTON 2"
End Sub
End Class
I want to do the same thing in WPF
<Window x:Class="MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid Grid.Column="0" Grid.Row="0">
<Button Name="BTN_1" Click="CLICK_BTN_1">
<StackPanel>
<TextBlock Name="CLICK_BTN_1_LABEL_1" Text="Button 1 text" VerticalAlignment="Top" Foreground="#BF000000" >
</TextBlock>
<TextBlock Name="CLICK_BTN_1_LABEL_2" VerticalAlignment="Top" Foreground="#BF000000">
<Run FontSize="25">Button 1</Run>
<Run FontSize="12">Label 2</Run>
</TextBlock>
</StackPanel>
</Button>
</Grid>
<Grid Grid.Column="1" Grid.Row="0">
<Button Name="BTN_2" Click="CLICK_BTN_1">
<StackPanel>
<TextBlock Name="CLICK_BTN_2_LABEL_1" Text="Button 2 text" VerticalAlignment="Top" Foreground="#BF000000">
</TextBlock>
<TextBlock Name="CLICK_BTN_2_LABEL_2" VerticalAlignment="Top" Foreground="#BF000000">
<Run FontSize="25">Button 2</Run>
<Run FontSize="12">Label 2</Run>
</TextBlock>
</StackPanel>
</Button>
</Grid>
</Grid>
</Window>
Class MainWindow
Private Sub CLICK_BTN_1(sender As System.Object, e As System.Windows.RoutedEventArgs) Handles BTN_1.Click
' CHANGE LABEL 1 ON BUTTON 1
CLICK_BTN_1_LABEL_1.Text = "CLICKED BUTTON 1"
' CHANGE LABEL 1 ON BUTTON 2
CLICK_BTN_2_LABEL_1.Text = "CHANGED BY BUTTON 1"
End Sub
Private Sub CLICK_BTN_2(sender As System.Object, e As System.Windows.RoutedEventArgs) Handles BTN_2.Click
' CHANGE LABEL 1 ON BUTTON 1
CLICK_BTN_1_LABEL_1.Text = "CHANGED BY BUTTON 2"
' CHANGE LABEL 1 ON BUTTON 2
CLICK_BTN_2_LABEL_1.Text = "CLICKED BUTTON 2"
End Sub
End Class
This used to be so simple with WinForms, what am I doing wrong here?
New to WPF

Yeah, I saw that as well but now I am stuck again:
Same project but I have put the buttons in a usercontrol
<Window x:Class="MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:Component_Changes"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid Grid.Column="0" Grid.Row="0">
<Viewbox Stretch="Fill">
<ContentControl Name="UC_BTN1">
<ContentControl.Content>
<local:btn1 Margin="20"/>
</ContentControl.Content>
</ContentControl>
</Viewbox>
</Grid>
<Grid Grid.Column="1" Grid.Row="0">
<Viewbox Stretch="Fill">
<ContentControl Name="UC_BTN2">
<ContentControl.Content>
<local:btn2 Margin="20"/>
</ContentControl.Content>
</ContentControl>
</Viewbox>
</Grid>
</Grid>
</Window>
btn1.xaml
<UserControl x:Class="btn1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300">
<Grid>
<Button Name="BTN_1" Click="CLICK_BTN_1">
<StackPanel>
<TextBlock Name="CLICK_BTN_1_LABEL_1" Text="Button 1 text" VerticalAlignment="Top" Foreground="#BF000000" >
</TextBlock>
<TextBlock Name="CLICK_BTN_1_LABEL_2" VerticalAlignment="Top" Foreground="#BF000000">
<Run FontSize="25">Button 1</Run>
<Run FontSize="12">Label 2</Run>
</TextBlock>
</StackPanel>
</Button>
</Grid>
</UserControl>
btn1.xaml.vb
Public Class btn1
Dim CL_BTN2 As btn2
Private Sub CLICK_BTN_1(sender As Object, e As RoutedEventArgs) Handles BTN_1.Click
' CHANGE LABEL 1 ON BUTTON 1
CLICK_BTN_1_LABEL_1.Text = "CLICKED BUTTON 1"
' CHANGE LABEL 1 ON BUTTON 2
CL_BTN2.CLICK_BTN_2_LABEL_1.Text = "CHANGED BY BUTTON 1"
End Sub
End Class
btn2.xaml
<UserControl x:Class="btn2"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300">
<Grid>
<Button Name="BTN_2" Click="CLICK_BTN_2">
<StackPanel>
<TextBlock Name="CLICK_BTN_2_LABEL_1" Text="Button 2 text" VerticalAlignment="Top" Foreground="#BF000000">
</TextBlock>
<TextBlock Name="CLICK_BTN_2_LABEL_2" VerticalAlignment="Top" Foreground="#BF000000">
<Run FontSize="25">Button 2</Run>
<Run FontSize="12">Label 2</Run>
</TextBlock>
</StackPanel>
</Button>
</Grid>
</UserControl>
btn2.xaml.vb
Public Class btn2
Dim CL_BTN1 As btn1
Private Sub CLICK_BTN_2(sender As Object, e As RoutedEventArgs) Handles BTN_2.Click
' CHANGE LABEL 1 ON BUTTON 1
CL_BTN1.CLICK_BTN_1_LABEL_1.Text = "CHANGED BY BUTTON 2"
' CHANGE LABEL 1 ON BUTTON 2
CLICK_BTN_2_LABEL_1.Text = "CLICKED BUTTON 2"
End Sub
End Class
No warnings in the code but the error is: 'Object reference not set to an instance of an object' and I thought I did, obviously not in the right way.
New to WPF

IOS 6.1.3 WIFI button disable problem on iPhone4S - It is definitely a BUG

Hi Apple Fans
I have a full house of Apple products from iPhone -> iPAD -> iPod -> Mac -> AirPort, and I am suffering from WIFI button disable problem after upgrade to iOS 6.1.3, without any clue after calling Apple Support, factory reset and reload iPhone for more than 10 times. I also try all tips on Apple Support Communicties except put it into a freezer, still no any luck. Apple Support suggests that my iPhone may be factly!
Tonight, I can get my WIFI back in below sequence:
1. Switch to English language from Chinese
2. Turn Cellular Data Option to off
3. Reset Network Setting
After the phone reset, the WIFI row show 'Not Connected', and I can select my home WIFI (Airport Express) without trouble. To prove my finding is workable to all case, can you try the same and update here if it works for you?
Good Luck!
PS: I always believe it is a BUG.

Hi,
I sympathise with you as my iPhone 4s is 7 months old and is also greyed out. I tried everthing except the potentially stupid one of putting the iphone in a freezer! I took the phone back to the vendor who sent it away and repaired it. But alas after a month it is greyed out again. I have again returned to the vendor and he will repair it again. I asked him how and he told me it is a software conflict and he has to spend around 9 hours downloading a patch repair. Apple are aware of this issue and I feel completely let down because they have not posted a fix on the net. Presently I am living and working in Dubai, back in the UK I am sure my iPhone would have been exchanged for a new one. I need my iPhone for my work and cannot afford to just buy a new one so I have been let down and despite for years being a supporter of Apple and their products I shall think twice before investing in any more Apple products.

Simple button background problem

Similar Messages

Maybe you are looking for