Easy Customized Quiz (radio) Buttons

Capture1

 

 

 

 

 

 

 

 

 

 

Intro

For those not familiar with the term, radio-buttons are a group of buttons where only one can be selected and highlighted at a time.  They are typically represented as circles and then when selected, filled-in circles.

In Captivate, radio buttons appear on quiz selection and look like this.

Capture

Want to create your own buttons with cool shapes and different colours with minimal coding?  Keep reading. I’ve included a sample .cptx file as a demonstration.

 

Step 1: Create the Radio Button

Create a shape – for example a circle.  Tick the box ‘use as button’.

Click ‘State View’ and then ‘New State’.  Select custom state and title it ‘pressed’.  For the new state add another shape or object in the center of your original shape.  (For example a check, a smiley face, an ‘x’).  If you prefer, delete the ‘rollover’ and ‘down’ views.

Exit state view and name your object ‘button1’

Duplicate this button as many times as you would like on the page.

Step 2: Javascript Programming

Click project -> Variables and create a new variable called ‘last’ with no value.

On enter execute javascript:

window.addEventListener(“mousedown”, function(e) {

if(e.target.id.startsWith(“button”))
{
cp.changeState(last, “Normal”)
last = e.target.id
cp.changeState(last,”pressed”)

}
});

And your done!  Now all of your buttons will toggle like radio buttons.

CustomButtons

Additional Notes

– The javascript only needs to be executed once per project since it creates a mouse eventListener.

– In the sample document, I had the buttons execute javascript to change a comment variable.  The submit button then executes javascript that evaluates this variable.

– The code will work with any object that has an id that starts with ‘button’ and has a state named ‘pressed’

– I know there are many other methods for achieving this. But if you had dozens of buttons, this might simplify the process.

Thanks and if you have any questions please let me know.

Millionen-Investment in EduTech-Start-Up quofox

Im Rahmen der Finanzierungsrunde zieht sich Mitgründer und Investor Frank Mies als Geschäftsführer aus dem operativen Geschäft zurück und wird in Zukunft im Beirat von quofox beratend und weiterhin als Investor aktiv unterstützen. An seiner Stelle übernimmt Martin Drees als neuer CEO. Martin Drees ist seit über 20 Jahren im Learning-Bereich tätig und dies in einer über zehnjährigen Zusammenarbeit mit Frank Mies und Bernhard König. Er kennt durch seine Branchenkenntnis und seine langjährigen Kundenbeziehungen die Anforderungen des Marktes nach innovativen digitalen Lernlösungen.

Millionen-Investment in EduTech-Start-Up quofox

Im Rahmen der Finanzierungsrunde zieht sich Mitgründer und Investor Frank Mies als Geschäftsführer aus dem operativen Geschäft zurück und wird in Zukunft im Beirat von quofox beratend und weiterhin als Investor aktiv unterstützen. An seiner Stelle übernimmt Martin Drees als neuer CEO. Martin Drees ist seit über 20 Jahren im Learning-Bereich tätig und dies in einer über zehnjährigen Zusammenarbeit mit Frank Mies und Bernhard König. Er kennt durch seine Branchenkenntnis und seine langjährigen Kundenbeziehungen die Anforderungen des Marktes nach innovativen digitalen Lernlösungen.

5 Alternatives To Boring eLearning Courses

We can’t have eLearning without content, but that doesn’t mean we have to subject our learners to a series of text-filled screens that equate to a lecture only without the possibility that the presenter will breathe some life into the content with their humor and engaging personality. With the proliferation of online content, games, and other media, there is no place for these mundane, snooze bombs; we need some real page turners instead!

This post was first published on eLearning Industry.