State changes for checkboxes

Dec 18, 2017

Hi Everyone,
I have a set of check boxes where when the user click one, the text needs to change color.  I changed the color of the text in the Selected state.  The problem is, the Normal state doesn't hide when the Selected state shows.

The normal state font color is black.   When they click a checkbox the font color will change to blue or red, depending upon if the clicked the checkbox for a correct or incorrect sentence.

I thought the change in the font colors didn't look right and after some testing, where I deleted part of the sentence in the Selected state, the full sentence from the Normal state still showed.  The Selected state evidently appears on top of the Normal state, and the Normal state does not hide.

Is that the way this is supposed to work?  If so, how do I get the Normal state to hide when the Selected state is triggered?

Thank you,

John

6 Replies
Christine Hounsham

Hi John

When you are creating the new custom state, the contents of the normal state are automatically duplicated into the new state so that you can either simply edit this duplicated content, or delete and create/import new state objects/text.  

I imagine that when creating states you probably copied and pasted coloured text into new states (?), meaning you pasted over the duplicated, original black text on that layer. 

I recommend trying:

- click edit state

- click new state button

- once you have named/created new state, you will see that it is highlighed in blue along the states ribbon

- while highlighted, delete the original text that is on the slide

- you should see on the state ribbon, the new state is blank, but you can still see text on the normal state thumbnail

- create or paste new coloured text on your new state. 

 

John Blum

Hi Christine,

When I create a new state, the checkmark is missing. 

I tried deleting the Selected state and adding it back again.  That state had no text box and I did not add one.  When previewed, the text box from the normal state was still visible.  When I edited that state and added the textbox, the Selected state textbox appeared on top of the Normal state text box.

Any suggestions?

Thank you,

John

Christine Hounsham

Hi John

Can I clarify what you are trying to achieve.  My understanding is that you have a list of qu/statements, and the learner clicks either the 'this statement is correct' or 'this statement is incorrect checkbox' and that based on that the qu/statement should change state to either show that they were right in the select (ie goes blue) or wrong (goes red). 

The attached shows this build.  Is this correct in what you are trying to achieve?  If not could you upload a slide for me to see, might help troubleshoot why the Normal state is still showing through.

John Blum

Hi Christine,

I wound up rebuilding the slide from scratch and everything is functioning properly.  Evidently, something was tangled up underneath and/or remained when it should have be deleted, which happens occasionally.

Mine  is a bit more complex than yours, which is a good example.  Each checkbox displays a feedback layer, light blue or pink depending on if the checkbox was for a correct or incorrect choice, and if the user unchecks a checkbox it resets the font color back to black from blue or red.  The NEXT button is disabled until all correct checkboxes have been checked.  Additional triggers were added so that if the Replay button is clicked everything resets properly.

Thank you for your help,

John

John Blum

Thank you, Ashley.

Christine, I looked at your example.  It's an excellent teaching example for 2 checkboxes per statement. 

My slide was a little different.  It had one checkbox per statement.  In addition to what was described previously, If the user clicks the checkbox for a correct statement, the checkbox displays a blue check mark.  If the user clicks the checkbox for an incorrect statement, the checkbox displays a red X. 

Thanks again,

John

This discussion is closed. You can start a new discussion or contact Articulate Support.