How it was built slide?


For almost two months I have been trying to learn the program articulate 360, i.e. Storyline 360, and I tried to use from the library a slide that I had to customize according to my needs. I have not been able to understand how it was built and I really want to understand this.

If possible, please help me by guiding me with the steps followed by the person who created the slide, so that I can understand how he/ she managed to make those backgrounds, how he/she put them there and how is it possible, when you click on a button and then you release the button, it comes back to the initially set color. I tried to create such a slide myself, but I did not manage to make the backgrounds and do so that when I release the button to push another one, the button I left comes back to its initial color.

Slide is : SERENITY - Process 

3 Replies
Judy Nollet

Without seeing the slide in Storyline, I can't say how it was programmed, because there are different ways to accomplish the same goal.

The 360 User Guide has a lot of information about buttons. You can find it here:

Hint: To have multiple buttons work together (e.g., so only one button at a time is in the Selected state), you have to create a button set. The guide provides details.

John Morris

I think I know what you might be asking.

For the "Steps" to remain the color of the grey background after you move your cursor away you need to set a "Selected" state and make the Step that color.  In doing this you need to use the Built In Selected state.

This state is what the object will remain after it has been clicked until another object is clicked or the slide reverts to its initial state.

I hope this is helpful.

Ned Whiteley

Hi Savatin,

If you look at your slide, if you select the grey background and then select States at the bottom of the page, you will see that it has five states, Normal, 1, 2, 3 and 4 and that its initial state is set to Hidden (which is why the background appears white when the slide first opens):

If you now select the background of one of your buttons (you need to click twice on it as the button is made up of a group of items) you will see that it has three states, Normal, Hover and Selected:


When you preview the slide and click on a button, three things happen:

1.  As you first hover over the button it changes to its Hover (or grey) state and then to its Selected (also grey) state when you click the mouse button.

2.  The main background for the slide changes from Normal to 1 if Button 1 is selected, 2 if Button 2 is selected etc. This is achieved by the button triggers:

3.  The final thing that occurs is that the second trigger for each button shows the appropriate layer where you would place the information you wish to have displayed when the button is clicked.

Because the buttons only have a Normal, Hover and Selected state, when they are no longer selected, they will automatically return to their original (Normal) state. This will occur when another button is selected as this will automatically deselect the previously selected button.

If you wish to do so, you can edit the colour and shape of the background and button states to suit your requirements.

I hope this helps. If you have any further questions, just post them here.