Toggle button to "Down" when changing application state?

I am trying to make a button component modal so that when I click it, the application changes to a different state and the button stays in the button "down" state. Then if I click a different button, the application state changes again, the first button changes to the "up" state and the second button changes to the "down" state. Basically, I want radio button actions, but on a styled button.
Is there a way to do this in Catalyst or do I have to handle this in the FB code?

I had some difficulty getting Catalyst to allow me to set the states of toggle buttons added to my project. So, I decided to create my own custom toggle button to give me the ability to fully style it. Here's the process I followed:
converted my styled "normal" buttons back to artwork
Converted the artwork to a custom component
Created states for custom component for Unselected, Selected, Over, etc.
Associated the artwork from Illustrator to the appropriate states for the custom component
set the custom component state (e.g., unselected, selected...) for the each of the appropriate application states
set the component action to "transition to state" when the custom component is "clicked"
Renamed the custom component in the library to "CustomToggleButton"
Exported the CustomToggleButton library component and then imported it so it was reusable in my library

Similar Messages

  • How to make a button stay down when I click on it in  CSS nav bar.

    So I have created a horizontal navigation bar, I use the CSS
    Sprites/Pixy method to get the hover working with the same image as
    the link/in active stage of the buttons.
    Now how do I make the button stay down when someone click on
    them?
    These are the codes for the nav bar.
    #nav{
    width: 780px;
    list-style: none;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    height: 40px;
    #nav li{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding: 0;
    #nav a{
    width: 125px;
    display: block;
    color: #000000;
    text-decoration: none;
    text-align: center;
    background-image: url(ZITTO_IMAGES/button_set1a.jpg);
    background-repeat: no-repeat;
    background-position: center 2px;
    padding-top: 14px;
    padding-bottom: 10px;
    background-color: #000000;
    #link2,#link3,#link4,#link5,#link5,#link6 { margin-left:
    6px;}
    #nav a:hover{
    background-image: url(ZITTO_IMAGES/button_set1a.jpg);
    background-repeat: no-repeat;
    background-position: center -36px;
    color: #FFFFFF;
    width: 125px;
    padding-top: 14px;
    padding-bottom: 10px;
    background-color: #000000;
    Everything works so far, the hover works when you roll the
    mouse but when you click the button goes right back.
    How can I make it stay down and then go back to normal when
    you click on another link/button?
    Thanks very much.
    Patrick

    Read my suggestion again. You are missing a critical point. I
    show you
    exactly where to put the stylesheet. And it doesn't matter
    how many
    stylesheets you have on a page.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Webethics" <[email protected]> wrote in
    message
    news:[email protected]...
    >
    quote:
    Originally posted by:
    Newsgroup User
    > Change this -
    >
    > #nav a{
    > width: 125px;
    > display: block;
    > color: #000000;
    > text-decoration: none;
    > text-align: center;
    > background-image: url(ZITTO_IMAGES/button_set1a.jpg);
    > background-repeat: no-repeat;
    > background-position: center 2px;
    > padding-top: 14px;
    > padding-bottom: 10px;
    > background-color: #000000;
    > }
    >
    > #link2,#link3,#link4,#link5,#link5,#link6 { margin-left:
    6px;}
    >
    >
    > #nav a:hover{
    > background-image: url(ZITTO_IMAGES/button_set1a.jpg);
    > background-repeat: no-repeat;
    > background-position: center -36px;
    > color: #FFFFFF;
    > width: 125px;
    > padding-top: 14px;
    > padding-bottom: 10px;
    > background-color: #000000;
    > }
    >
    > to this -
    >
    > #nav a{
    > width: 125px;
    > display: block;
    > color: #000000;
    > text-decoration: none;
    > text-align: center;
    > background-image: url(ZITTO_IMAGES/button_set1a.jpg);
    > background-repeat: no-repeat;
    > background-position: center 2px;
    > padding-top: 14px;
    > padding-bottom: 10px;
    > background-color: #000000;
    > }
    >
    > #link2,#link3,#link4,#link5,#link5,#link6 { margin-left:
    6px;}
    >
    >
    > #nav a:hover{
    > background-position: center -36px;
    > color: #FFFFFF;
    > }
    >
    > Then on each individual page, change this -
    >
    > </head>
    >
    > to this -
    >
    > <style type="text/css">
    > #nav a#link4 {
    > background-position:center - 36px;
    > }
    > </style>
    > </head>
    >
    > (for link4, for example)
    >
    >
    > --
    > Murray --- ICQ 71997575
    > Adobe Community Expert
    > (If you *MUST* email me, don't LAUGH when you do so!)
    > ==================
    >
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    > ==================
    >
    >
    > "Webethics" <[email protected]> wrote
    in message
    > news:[email protected]...
    > >
    quote:
    Originally posted by:
    Newsgroup User
    > > When they click on a button, do they go to another
    page? And is each
    > > button
    > > uniquely identified?
    > >
    > > If so, then put a little stylesheet on each such
    page that sets the
    > > particular button to the down sprite settings,
    e.g.,
    > >
    > > a#link6 { downspritevalues }
    > >
    > > --
    > > Murray --- ICQ 71997575
    > > Adobe Community Expert
    > >
    > >
    > > This is the link to the page.
    > >
    http://www.patrickjudson.com/zitto_web1d.html
    > > What state do I use to get this effect? The active
    or the visited?
    > >
    > > I want the buttons to remain down when click or
    even better, how do I
    > > get
    > > the
    > > welcome button to appear down when a person visits
    the page to show them
    > > they
    > > are at the home page.
    > >
    > > Thanks so much. Patrick
    > >
    > >
    > >
    >
    >
    >
    > Hey! Murray, thanks very much for the efforts. However
    I'm still confused
    > as
    > to where to insert the individual styles on each page.
    >
    > The pages already have a style sheet, in fact they all
    share the same
    > style
    > sheet. The following codes below is what you instructed
    but I'm confused
    > as to
    > where to insert them since the page already has a head
    opening and closing
    > as
    > well as a style opening and closing tags. Can you please
    add the codes you
    > instructed so I can see where they go and how to
    implement them?
    >
    > Thanks - Patrick
    >
    >
    > Then on each individual page, change this -
    >
    > </head>
    >
    > to this -
    >
    > <style type="text/css">
    > #nav a#link4 {
    > background-position:center - 36px;
    > }
    > </style>
    > </head>
    >
    > (for link4, for example)
    >
    >
    >
    >

  • Is it possible to change application state from a component?

    I was wondering if it is possible to change application state from within a custom component and if so, what would the syntax be if I had an application named "zzz" and I wanted to change the app state from "state1" to "state2" from my component?
    Thanks!

    Hi,
    you always have a static class Application.
    Application.application will be the root component. After that you can change it state.
    Application.application.currentState = "state2";
    But it's not the best way to change states. It's better to dispatch events from components and change states in listeners.

  • Setting up a toggle button where the caption changes when clicked

    Good day all;
    I am designing a new form and I am trying to figure out how to use 1 button to either display a field or hide a field.
    What I am looking for exactly is the following.
    A button that will default with the caption “Hide Field X” when the form is opened (and Field X is visible). When the user clicks on this button, “Field X” is hidden and the caption on the button changes to “Display Field X”. When the user clicks on this button “Field X” is displayed and the caption on the button changes to “Hide Field X”. I guess what I am looking for is a toggle switch with a caption change depending on “Field X” Presence.
    Thanks for any suggestions
    Chomp

    Hi Chomp,
    If you have a look at the Edit button Table 5 it will show how to change the caption of the button: http://assure.ly/gk8Q7a.
    Niall

  • Code for capture digital data when change of state

    Dear Sir,
    I had written a program to capture the digital data when it change of state.
    It work well when I check the check box "Lock file for faster access".
    But error occur when it unchecked.
    Because I need to open the tdm file at the vi running, thus I need to uncheck it.
    Please kindly to advise any solution for it.
    The program is attached.
    Thank You.
    Attachments:
    datalogcos.vi ‏53 KB

    Hi Jayme,
    Sorry for late reply.
    The screen capture of error message is attached.
    Thanks for your helping.
    Poly-Alex
    Attachments:
    error.jpg ‏24 KB

  • How to detect if  Database is down when client application is running?

    Hi,
    I have a oracle Forms application accessing a remote database. While doing processing, application has to post some data in a remote database.
    As of now, when the Forms client is running and remote database is down, the client hangs.
    I have tried Creating a timer before remote database procedure call in the FORMS Trigger and checking in the when_timer_expired trigger, if a specific duration has passed or not. This doesn't work as timer fires only after the remote procedure call completes and other SQL statements in the FORMS trigger where i have created the timer completes.
    I Know sqlcode -3113 can be of help.
    Hope someone can help me with a solution/suggestion.
    Thanks
    Hari

    interesting situation.
    what about issuing the select count(*) into cnt from dual, if cnt>0 then do post.
    better to setup the remote database has fail-over to another node.

  • Panel redraws when changing ATTR_SIZABLE state

    I have found a bug (or at least undocumented behavior).  I have a panel that I programmatically change the resizing attribute (ATTR_SIZABLE) at various times (user login).  
    When my software does this
    SetPanelAttribute(panel,ATTR_SIZABLE,state);
     ... the panel redraws.  By "redraws", I mean it appears as if there was some hidden HidePanel / DisplayPanel happening in rapid succession.  It's a very annoying and disorienting effect for my user.  
    If I comment out that one line, the redrawing doesn't happen as I would expect and intend.
    At the moment, I have no work-around.

    Hah ! I was tracking down that 'panel blink' problem last week and thought it was something like that. Since it was a minor problem I didn't exactly find what the problem was, but that's it, I confirm.

  • URL problems when change application language to Spainish

    Using APEX 3.1.2
    Our application is usually in English. For a quick test we've changed the application language to Spainish through the 'Globalization' part of 'Shared Components'. Things look OK, the date pickers are showing the correct language and the NLS numeric characters are as expected - except... some page branches (from buttons, etc.) are no longer working correctly. It appears to be related to timestamps being passed across, they seem to be interpreted as multiple parameters!
    E.G. in the URL http://my_box/pls/apex/f?p=2000:5002:4461616080789919::NO:RP,5002:P5002_CALLING_PAGE,P5002_TS,P5002_ID,P5002_DT:5001%2C10-DIC-09%2006.00.00%2C000000%2C181618172273744521291303312596297592589%2C10-DIC-2009&cs=392CF7A0393244530EC469114C4996A8E
    the fractional seconds of the parameter P5002_TS is being received by the third parameter, P5002_ID, etc.
    What am I doing wrong?

    Andy Hardy wrote:
    Using APEX 3.1.2
    Our application is usually in English. For a quick test we've changed the application language to Spainish through the 'Globalization' part of 'Shared Components'. Things look OK, the date pickers are showing the correct language and the NLS numeric characters are as expected - except... some page branches (from buttons, etc.) are no longer working correctly. It appears to be related to timestamps being passed across, they seem to be interpreted as multiple parameters!
    E.G. in the URL http://my_box/pls/apex/f?p=2000:5002:4461616080789919::NO:RP,5002:P5002_CALLING_PAGE,P5002_TS,P5002_ID,P5002_DT:5001%2C10-DIC-09%2006.00.00%2C000000%2C181618172273744521291303312596297592589%2C10-DIC-2009&cs=392CF7A0393244530EC469114C4996A8E
    the fractional seconds of the parameter P5002_TS is being received by the third parameter, P5002_ID, etc.
    What am I doing wrong?Even more confused now!
    Just created a quick test app: table has timestamp, number and varchar2 fields - another number field is used for the primary key and has a matching sequence. Populated the table with various acceptable values. Created two pages using form-with-report wizard - changed all fields to 'text' to get rid of problems with datepickers not liking timestamps. Created another page with an HTML region containing items to match those on the form. Used button wizard to add a 'go' button on the form page to go to the HTML page, modified the branch to populate the HTML region items with those from the form.
    Run the report page, see the expected results, 'edit' to go to the form page, see the expected values. Press the 'go' button, goes the HTML page... the timestamp field is not populated correctly - the value is truncated at the fractional sections part i.e. where the '.' would be. Depending on where the timestamp appears in the URL, the following items will also not be populated. For example, here:
    http://loordv01.ad.dom/pls/apex/f?p=115:2:4046922604148424::NO::P2_TS,P2_ID,P2_VAL1,P2_VAL2:10-DEC-2009%2000:00&success_msg=Action%20Processed.%2F6E98BFC3726F8950ADF64DADBB5E0A87%2F
    The timestamp is the first field on the URL and none of the other values appear...
    I seem to be able to workaround this by having a PL/SQL process that just sets the called screen TS value directly i.e :P4_TS = :P2_TS - any pitfalls with this approach?

  • Apply button not working when changing AP settings

    Hi Guys,
    I am working on installing a new 2500 Controller with 2 AIR-LAP1242G's attached to it.  I have both registered and on the controller but I am having trouble moving one of them to a new IPS AP group that I created.  Furthermore, I noticed the default gateway is missing from the static ip settings and I am unable to add that as well.  When I add the default gateway and hit apply, the controller does nothing. Same thing for when I try to change my WIPS device to monitor mode.  Has anyone ever seen behaivor like this?
    A couple other things that I noticed is that when I go to AP groups and try to remove the AP's from the default group, there is no remove button when you go inside the default group like  I see when i go into my IPS group.
    The AP's are on software ver 12.4(23c)JA3 Boot ver 12.4.13.0
    and the controller is at 7.0.22.0
    I have already power cycled the controller and both AP's.  Is there anything else that anyone can think to look at here?

    Grrr.....I tried everything but closing the browser out and opening a new session.  I logged out and back in without closing internet explorer completely but it turned out closing internet explorer solved this.

  • Computer is very slow when changing applications

    I have a mac book pro 9,2, with intel corei5, 2.5 GHz., 1 processor, 2 cores, L2 cache (per core) 256KB, L3 Cache: 3MB, Memory 4GB, Boot Rom Version MBP91.00D3.BO8
    System Software Version : OS X 10.9.5 (13F34)
    Kernal Version: Darwin 13.4.0
    Boot Volume: Macintosh HD
    Boot Mode: Normal
    Secure Virtual Memory: Enabled
    Regarding the Macintosh Hard Drive:
    Available space 208G.66GB , Capacity 499.25GB
    Intel 7 Series Chipset, Link speed 6 Gigabit
    Apple HDD Toshiba MK5065GSXF, Revision GV201B
    Using Kodak ESP Printer 5200 Series AiO
    Memory slots Bank0/DIMMO 2GB DDR3  1600MHZ and BANK 1/ DIMMO 2GB DDR3 1600MHz
    The problem I am experiencing is a slowness of response between changing from various applications. What steps could I take to clean up the boot speeds, the applications speeds and general performance of the computer? I would like to restore the speeds of that when it was new.
    Thank you for any suggestions you may have.

    Start with a simple step:
    Intel-based Macs: Resetting the System Management Controller (SMC) - Apple Support

  • IPad jerky and slow when changing applications

    I tried the solution of double clicking home button, and closing recent applications, and then holding home button and off switch simultaneously,  It fixes it until I open and close another application.

    Are you using multitasking gestures? Swiping from one app to another, swiping up from the bottom to get to the task bar, pinching to return to the home screen? If you are using those - try shutting it off in your settings and see if that makes any difference.
    Settings>General>Multitasking Gestures>Off. My iPad original version seems to have a little less lag if I don't use those gestures. Frankly, I couldn't wait until Apple released the feature for the original iPad - and now I personally feel that it was much ado about nothing - for me anyway.

  • Firefox won't close down when changing websites

    I keep getting a dialog box stating that Firefox is running, but is not responding, and that to clear it I need to re-start my computer. By the 10th or so time this happens in a day it becomes just a tad trying.
    Cures? Hints? Suggestions? Anyone??
    Thanks much!
    Bill

    See "Hang at exit":
    *http://kb.mozillazine.org/Firefox_hangs
    See "Firefox hangs when you quit it":
    *https://support.mozilla.com/kb/Firefox+hangs

  • Command to shut computer down when an application task is complete.

    Hi, I'm pretty new to Automator. I was wondering if there was a way I could set it up so my iMac either goes to sleep or shuts down once a task, such as exporting a video with Compressor or Final Cut Pro, has completed.
    thanks,
    Kyle

    See '''hang-at-exit''' in this support article. <br />
    https://support.mozilla.com/en-US/kb/Firefox%20hangs

  • Changing boolean state and read change

    Hello Everybody,
    sorry to bother you, but as a new user of Labview, I still have problems to program VI's. I try to do my best alone, but right now I have been in a dead end for a while... Thats why I come back to you.
    Here is my problem:
    - in A VI I made, I have a boolean , which command if data are recorded or not. When recording is on, the led enlights, when it is off the led is of.
    - Actually, I would like to link the recording action to something more complicated:, I would like the changing state of the boolean to enlights several leds in a specific order. 
    Thus, when the boolean change, this should change the state of the leds. 
    I managed to do so, when pressing the button in the boolean_count.VI, that has the result I would like to obtain.
    My problem is that, the change of state is not initiated only by a push button. It depends of several state (true or false), which order the recording or not.
    To simulate that, I have tried to do same as previously, but with 2 booleans, which have to be both true to initiate a change. I tried to do so in the file Try_out_boolean.VI 
    But iin this file, when I push my buttons, there is no change of state in the right part of my panel...
    I hope You can underrstand what I mean. If you have any suggestions, I will be glad to read them.
    Solved!
    Go to Solution.
    Attachments:
    Try_out_boolean.vi ‏15 KB
    boolean_count.vi ‏12 KB

    in the property node "1and2" of your Try_out_boolean.vi, you read the property "BindingLEDVisible".
    (as well as I downloaded) That makes no sense.
    -> click with the mouse on this property node an choose the property "Value" instead.
    Then your application should react as wanted.
    Thre may be other improvements possible, e.g. using event structures instead of continually polling -
    but that is another topic...
    i hope, this helps a little bit.

  • Change the state of button when another button is pressed

    Hi all, 
    I have a pretty straightforward question but just cant figure out how I can achieve it...I am trying to switch between two types of waveforms (sine and square) on a graph using buttons and a case structure.
    I currently have two buttons A and B. When I press A, it turns true and displays waveform 1. When I press B, B turns true and displays waveform 2. However when B is true, I have A still enabled as true (pressed)
    I cant figure out how to change the state of A back to false when B is pressed and vice versa.
    I am fairly new at Labview so if someone can refer to a post where its this is already answered or point to the right direction, that would be appreciated
    Thanks
    Solved!
    Go to Solution.
    Attachments:
    Waveform.vi ‏94 KB

    Instead of cluttering the code with event cases (!), hidden controls(!), value properties(!) and local variables(!) (as suggested above but not recommended at all!! Besides, it does not even work correctly!), all you need is a radiobutton control that also allows "no selection". See attached (LabVIEW 2013). You could also add a third boolean for the sine wave and disallow "no selection" to make the code even more self-documenting.
    I made the radiobutton container transparent to match your existing style.
    LabVIEW Champion . Do more with less code and in less time .
    Attachments:
    Waveform_MODCA.vi ‏94 KB
    Waveforms.png ‏11 KB

Maybe you are looking for