I want to make a home screen with headings of the content. One has to click on the heading to go to content. But it should only be read in sequence. One should not be able to move to the second until he finishes the first. How can I make this?
if you select the headings and in the States tab make their initial state 'disabled', then set a trigger to change state of each one to normal when the previous content is read.
Hard to explain without seeing how it is setup. Here is a quick sample using layers.
You can only select the first button to start with, then once that layer displays you can select the second button and so on.
My home screen is similar as you have made. In my home screen, If user clicks "BUTTON 1", it moves to the next slide that is 1.2. I know how to do this.
But when user clicks "NEXT" from slide 1.2, it should move to the HOME SCREEN again and activate "BUTTON 2".
Similarly all 4 BUTTONS should be activated in sequence after reading the content of the previous ones on their respective slides. Please suggest me.
HOME SCREEN has 4 BUTTONS. On clicking the FIRST BUTTON, it moves to the next slide 1.2.
On clicking NEXT at slide 1.2, it should move to the HOME SCREEN and activate the SECOND BUTTON while FIRST BUTTON remains active. Can we make such thing in storyline?
Just one last thing, if it is possible.. Can we fade the color the deactivated buttons. And they gets in original color when they are activated like we see in websites(Highlighted and Faded links).
see updated file. You hadn't created the disabled state for your buttons and then you need to set the intial state to disabled. I have written the instructions on the first slide for you.
Just last thing,, Can I lighten the color of the buttons till the time they are DISABLED and appear in its original color when they come to NORMAL state?
14 Replies
Hi Nitin
if you select the headings and in the States tab make their initial state 'disabled', then set a trigger to change state of each one to normal when the previous content is read.
Hard to explain without seeing how it is setup. Here is a quick sample using layers.
You can only select the first button to start with, then once that layer displays you can select the second button and so on.
Hope that helps
Hi Wendy
My home screen is similar as you have made. In my home screen, If user clicks "BUTTON 1", it moves to the next slide that is 1.2. I know how to do this.
But when user clicks "NEXT" from slide 1.2, it should move to the HOME SCREEN again and activate "BUTTON 2".
Similarly all 4 BUTTONS should be activated in sequence after reading the content of the previous ones on their respective slides. Please suggest me.
Hi Nitin
if you upload your .story file here using the 'add attachment' button in the bottom of the post I can help you
Hi Nitin
here is a sample using variables.
Okay!
I am uploading a sample.
HOME SCREEN has 4 BUTTONS. On clicking the FIRST BUTTON, it moves to the next slide 1.2.
On clicking NEXT at slide 1.2, it should move to the HOME SCREEN and activate the SECOND BUTTON while FIRST BUTTON remains active. Can we make such thing in storyline?
Did you see my sample above - that's what it does
That's exactly what I wanted. Thanks a lot Wendy.
Just one last thing, if it is possible.. Can we fade the color the deactivated buttons. And they gets in original color when they are activated like we see in websites(Highlighted and Faded links).
Sure you can change the states of the button in the states tab. See this tutorial
https://community.articulate.com/series/4/articles/adding-and-editing-states-in-articulate-storyline-2
Thanks a lot Wendy.. :)
Hi Wendy, I have made a sample exactly how you have made the file but it is not working somehow. Please tell me if there is any mistake in my file..
Hi Nitin
see updated file. You hadn't created the disabled state for your buttons and then you need to set the intial state to disabled. I have written the instructions on the first slide for you.
It worked.
Just last thing,, Can I lighten the color of the buttons till the time they are DISABLED and appear in its original color when they come to NORMAL state?
Well done Nitin - glad you got it working.
Here is a quick video on how you can change the disabled button to 50% transparency of the normal colour - hope that is what you meant.
That's exactly what I meant.
Thanks a lot Wendy..
This discussion is closed. You can start a new discussion or contact Articulate Support.