Adobe Captivate 5 Widget: Radio Buttons Enhanced

image

This is an enhanced version of the stock Radio Buttons widget that now works with advanced actions.  If you set the radio button variable in an advanced action, it will also update the corresponding radio button.  In addition, it allows you to deselect a radio button.  You can also deselect the whole radio button group by setting the associated variable to an empty string.  This improvement was made possible by the awesome cpGears widget framework.

UPDATELieve Weymeis (ACE), our Captivate community Adobe Certified Expert, has posted a great article on how to use this widget in quiz scenarios.

Try the Live Demo!

 

Possible Use Cases:

1.  Customized Quiz Questions

2.  Navigation / Branching based off of radio buttons.

3.  Use Advanced Actions to indicate something selected or marked complete with no user interaction

 

You can find the Cp 6 version here.

Requirements:

1.  Publish for Flash Player 9+

2.  Use unique variable names in the widget

 

Download the widget and demo:

 

  • http://twitter.com/Lilybiri Lieve Weymeis

    Hi Jim, I do have an issue with the extended radiobuttons widget. In my example with multiple True/False Questions I need to insert 4 times this widget. But only 2 widgets will be functional at the same time, the user is able to check the other radiobuttons (from third on) but the answer is not stored in the associated user variable. This is possible with the default Radiobuttons widget. Could you check?

    • Anonymous

      @Lieve: Are your associated user variables unique to all 4 instances of the widget? having multiple radio widgets with the same associated variable would cause problems.

      • http://twitter.com/Lilybiri Lieve Weymeis

        Yes, Jim, I’m aware of that (in advanced actions it is even worse). I tried it out in 2 different projects, and only the first 2 widgets that the user answers do get a value for the user variable. It is very strange, checked it by showing the variables in a text caption. Did change the stack order, all kind of things but always with the same result.

        • http://twitter.com/Lilybiri Lieve Weymeis

          Discovered the issue: do not try to save time by duplicating a widget which is what I did. It allowed me to keep all the formatting and I needed the same widget 4 times. You can change the values, you can change the associated variable, all looks fine BUT the variable will never be populated! The user will be able to use it, all looks fine on stage, but the variable associated with the duplicate widget will never get a value. Beware!

          • Anonymous

            So the solution is to not use the Ctl+D to add more instances of the widget to the canvas. Instead, insert a new instance from the widget panel. Is that right?

          • http://twitter.com/Lilybiri Lieve Weymeis

            Indeed, Jim, never duplicate a widget if you want to use its variable. If it has no associated variable or you do not want to use it you can duplicate to save formatting time however.
            BTW: blogged about the extended functionality of this widget and the checkboxes widget: http://lilybiri.posterous.com/extended-widgets-for-custom-mcq-and-tf-questi

  • Mrchesin

    Hello! Tnk, for this widjet1
    Help me please! You use as the seperator character “,” but in Russian it’s very necessary to sing! How can i replace this sign with ”;” 

    • http://twitter.com/CaptivatePro CaptivateDev.com

      @Mrchesin:  That’s not possible at this time.

      • Mrchesin

        @twitter-121786980:disqus I can do it myself … but it would be legal? Data about the developer, I will not delete

        • http://twitter.com/CaptivatePro CaptivateDev.com

          @Mrchesin:  Adobe gave you the source code so you could alter it.  Go ahead and change it for your needs.  It’s 100% legal.  I’m keeping my version the same, but you can change it for your needs.  I’ll send you an email with my source code so you can make the necessary changes.

  • Anonymous

    Hello Jim,

    I have successfully used this widget in a previous project (Captivate 5.5) but am now getting “Not a Valid Widget” message.  Downloaded again – but still the same message.  Tried to access widget in the older project and the widget properties are now blank! :-(  Searching the Forums and Help only seem to refer to users who are trying to build their own widgets.

    Any suggestions?

    Thanks,
    Cathy

    • Anonymous

      @Cathy:  I just downloaded the widget and tested in a Cp 5.5 project and it worked well.  I’ll go ahead and email you the test .cptx project I used and also send you the widget via email.  If you’d like you can send me your .cptx project (or a shortened version of it) and I can take a look.  

      • Lisettelovebug

        I’m pretty new to Captivate – where should I save the file to when i download it?

        Thanks
        Lisa

        • Anonymous

          @1b5a9433c59d5d26907f522de915c3e0:disqus : On my XP machine, you’d want to put the .swf here:
          C:Program FilesAdobeAdobe Captivate 5.5GalleryWidgets

          • Lisettelovebug

            thank you.

  • John

    When I switch this widget to horizontal, it only shows the first two buttons/values.  Resizing the widget simply stretches the ‘image’.  Is there any way I can adjust the width to accommodate more buttons, as in a typical Likert scale?  Many thanks in advance!

    • http://twitter.com/CaptivatePro CaptivateDev.com

      @John:  Try inserting the stock radio button widget along side the enhanced version.  See if that works.  Both versions are working for me.  If you want to send me your .cptx project, I’d be glad to take a look.  Jim AT Captivate Dev dot com

      • John

        Thank you, Jim.  I just sent you a sample file to review.  I greatly appreciate this!

        • http://twitter.com/CaptivatePro CaptivateDev.com

          @John:  I know you already know this, but just as a follow up for those reading the blog.  In design view, the widget will truncate the horizontal choices.  However, when you preview the project at runtime, it will expand to show all horizontal choices.

  • Nathan Conkey

    Thank you very nice, :)

    • http://www.facebook.com/people/Micky-Fokken/510537483 Micky Fokken

      Works great!

  • Leevize

    Jim, When I more than one set of radio buttons I get this error. Same issue when I use the enhanced checkbox widget. Lieve’s blog shows the error http://kb2.adobe.com/community/publishing/902/cpsid_90274.html.  It is only happening in Firefox 13.0.1 not IE 9.

    TypeError: Error #1034: Type Coercion failed: cannot convert cpgears.movie.variables.monitor::MonitoredVariableEvent@1b3f71c1 to cpgears.movie.variables.monitor.MonitoredVariableEvent.    at flash.events::EventDispatcher/dispatchEventFunction()

        at flash.events::EventDispatcher/dispatchEvent()    at CheckBoxesEnhanced_fla::MainTimeline/onVariableChanged()    at flash.events::EventDispatcher/dispatchEventFunction()    at flash.events::EventDispatcher/dispatchEvent()

        at cpgears.movie.variables.monitor::VariableMonitor/onEnterFrame()
     

    • JimLeichliter

      @Leevize:  Thanks for the heads up.  I’ll add this to the todo list and update the widget after I’ve updated all the others for Cp 6.0

  • JimLeichliter

    You can find the Captivate 6.0 version of the Radio Buttons Enhanced widget here:
    http://captivatedev.com/2012/09/16/adobe-captivate-6-x-free-widget-radio-buttons-enhanced/