Forum Discussion

InsKwekkeboom's avatar
InsKwekkeboom
Community Member
4 years ago

How to: Stacking applicable shapes so it doesn't look weird?

Hi There!

First, Thanks for all the help at the community! It really helps to know that there are other people that can help. Especially if you don't have a huge network of people who are using storyline. 

So i have a big challenge.....

I don't know how to stack applicable MEASURES(shapes). I have 5 drag and drop questions and per question they get points for the answers YES or NO. At the and the MEASURES fit in CATEGORY1, CATEGORY2 OR CATEGORY3, based on the points they have. Now it looks really weird because at the end it can be that a measure is excluded and doesn't have to be visible in the resultslide.

So for example when i have 5 MEASURES (shapes) to be drag and dropped. It can be possible that at the end of the questions (resultslide) only 3 apply (visible).

I added a picture to show what could possible be seen. I want that it is ordered perfectly next to another, and stacked.

I hope someone can help me with this problem

 

  • Maybe another approach would be to not "hard code" the labels but use a variable and some "if" logic.

    Something like: If category 1 / measure 1 is not null, set label variable equal to Measure 1. Then use the variable as the text in your boxes. (i.e. %Label_1%)

  • ChrisDale's avatar
    ChrisDale
    Community Member

    Not entirely sure what you're after doing, but you could create a result slide that is laid out exactly how you want it that is only show when the learner has the correct response.

  • InsKwekkeboom's avatar
    InsKwekkeboom
    Community Member

    Thanks for your responses. Showing or hiding is not the problem, but a learner can start with 5 measures to do the check (5 drag and drop questions) and end with 3 measures, because 2 measures are not applicable. So you have to hide the measures that don't appy and then you will see gaps. I thought of creating layers for al the possibilities to stack it but that's a lot of work. 

  • ChrisDale's avatar
    ChrisDale
    Community Member

    Can you share the story file (or part of it) so we can see it?

  • ChrisDale's avatar
    ChrisDale
    Community Member

    OK good news, I understand what you're after. You want your result slide to show the boxes stacked dynamically based on the previous responses.

    Bad news, I don't know if there is an easy way of doing it in SL360. You could do it with some very complex triggers/shape states that show/hide shapes based on variables, ie, each shape location has each shape on it stacked on top of each other, set to hidden, then on timeline start the one triggered by a true variable changes to normal. Or you could create a lot of layers showing all possible solutions and show the correct one based on the variables. 

    Either way will take some time I'm afraid but it would deliver the effect you're after.

  • InsKwekkeboom's avatar
    InsKwekkeboom
    Community Member

    Thanks for your solution, it may take a while but it's highly appreciated. Is there another way to do this with a javascript code? Because at the end i want it to be printable. 

  • InsKwekkeboom's avatar
    InsKwekkeboom
    Community Member

    Hi Owen,

    Thanks a lot for this idea :D, it inspired me to add text variables and make it less complex. To make it more clear i added a picture to show al the stack possibilities. The red coloured worked with the if function, but the other did not work. 

    So i ended up making another visualization. 

    It is not the ideal solution, but at least i have one. Now i am trying to figure out how to programm it in javascript so that the PDF don't include the non applicable measures, because in total there are over 100 measures. 

    But: if there is somebody who has the perfect solution for stacking, i will be very thankfull! :D