Help requested on DISC self-assessment test

Nov 26, 2020

Dear Community,

I am running into some trouble in the design of an online DISC self-assessment. After ranking a series of character qualities, I have set up the scores to be displayed on a rose with four quadrants. These quadrants are built by objects with various states, containing differently sized pie-shaped objects and displayed percentages. These seem to display correctly on the canvas, but the percentages are displayed too far to the left in preview mode (see attachment). I'm lost as to why this is occurring.

I've also attached the story file for any helpful community members to have a look at.

7 Replies
David Tait

Did you happen to change the size of the parent object containing all of the states after you'd added the states?

I've seen states misbehave when the parent object has been resized when it has states inside it.

If this is what you've done I haven't personally found a way to reverse the problem, other than to manually move everything in to the correct position again.

Math Notermans

Quickly checked it and apparently something wrong in the states with the pies and the percentages. When i go onto that page and select all layers...i notice several textboxes/selected elements in the selection to the left as seen in your screenshot. Didnot find (yet) what caused that, gonna check that tomorrow.

As seen in this screenshot...
allalyers

Math Notermans

I checked the course and found out that somehow the textboxes got aligned wrong.  I found it hard to reset them and reposition them ok so at the end i found that the pies are at the correct position. Only the textboxes are not.

So i removed a few textboxes and added a new textbox outside of the states that i wanted to fill with variables. I didnot remove all textboxes from the states...thats up to you...too much work for me for now ;-)

So filling the new textboxes with a variable worked fine ( button set State ). Next i discovered your variables (STEADINESS,INFLUENCE etc. ) were Number Variables. Mine were Strings... and as yours were needed to show the correct state of the pie i didnot want to change that ( too much work again ;-) so i had to figure out a way to convert Num vars to String vars in Storyline.

Couldnot quickly figure that out, so i jumped to a solution i knew would work. Use Javascript to get the variables and pass needed values back to Storyline.

Added a trigger to Execute Javascript on the start of the timeline:

var player = GetPlayer();

var cVar = player.GetVar("CONSCIENTIOUSNESS");
var dVar = player.GetVar("DOMINANCE");
var iVar = player.GetVar("INFLUENCE");
var sVar = player.GetVar("STEADINESS");

//nu schrijven we dus de nieuwe text vars in Storyline
player.SetVar("pC",cVar+"%");
player.SetVar("pD",dVar+"%");
player.SetVar("pI",iVar+"%");
player.SetVar("pS",sVar+"%");

And when publishing and reviewing it works fine now.

So what you still need to do now is...
-remove all textboxes from the 4 pie chart states
-position my textboxes with variables properly ( Text Box 1 t/m 4 )

Thats it, then it works as intended.

Vriendelijke groet,
Math Notermans

Math Notermans

Eigenlijk bedacht ik me vanmiddag hoeft 't niet perse met Javascript. Je zou gewoon je bestaande variabelen hebben kunnen gebruiken, en het % teken erbij zetten ;-) Zoiets dus...
vars2
Waarbij je er alleen op moet letten dat je %VARNAAM%% dus extra string % achter de variabele zet... dan krijg je dus 54% of zo...

Clingendael Academy -  Communication

Hi Math,

On second inspection I think your solution (neither with nor without Java) achieves what I would like completely. Using the percentage variable instead of the states seems to lead to percentages that don't correspond: in other words, the four quadrants no longer add up to 100%  together.

This seems to be the case due to the fact that the amount of points in the variable does not run parallel with the displayed percentage:

  • The maximum amount of awarded points for a single quadrant is 48 (in case one ranks each variable corresponding to this quadrant as nr 1.)
  • The maximum amount of affordable points across the four quadrants is 84 (due to the exclusive nature of the ranking, where a nr.1 ranking = 4 points,  a nr.2 = 2 points, nr.3 = 1 point and nr.4 = 0 points respectively).
  • This leads to translation into percentages that does not run parallel with the points (if 84 points is 100% of the affordable points, this means that 1 point = 1.1904% (100/84)).

Any bright ideas on how to fix this?

Math Notermans

Although im not 100% sure...first thing im thinking about is the rounding Storyline does internally. If you check in the community you find 2 ways to prevent this rounding of decimals. Using Javascript for all calculations...then you can when done send it as a text variable to Storyline.. or use multiplication to prevent rounding... say 1.1904 gets rounded by Storyline to 1 you can tackle that by at first multiplying it by 10000 so you get a number of 11904... and then when displaying it in a text variable dividing the value by 10000 so you get 1.1904

I would have to check the Story though to be sure this is the issue at hand.