Hierarchical Viewer for a question/answer kind of navigation

It is going to depend a bit on how you want to leverage the hierarchy structure to produce your quiz / answers.

Are you using the transformation to try to render the current step's drop downs? when they select 1, does the page reload with their selection that you are then trying to render the next?

Or perhaps are you using the transformation to render JSON so you can use client-side logic to create the question system.

I've done something similar in the past, where there would be a reload on answering the question, and then the page would render the next question (not necessarily based on the previous, but could), but that had a page reload in between each answer.

If you can give us a little more on how you are leveraging this, and what the current output of your transformation is, it could help us in guiding you!

Hmmm, a page reload could work. What I had in mind before was more of using javascript if possible to hide/display the children choices and grey out the rest of the unselected options. So technically the choices would still all be visible for example, user select choice 1 -> choice 2, 3, and 4 would be greyed out/disabled via javascript. then underneath the main choice 1, 2, 3, and 4 would be the 4 sub choices that would appear like it does in the imgur link.

The same layout would apply if user select choice 2 -> then choice 1, 3, and 4 would be greyed out and then the 4 sub choices would appear underneath and so forth...

Hope that gives a little more clarity of what I'm trying to do?

Thanks

I think using JavaScript would be the better way to go. So in this case, you want to use the viewer and transformation to create a json object and assign it to a variable, then just use JavaScript on load to leverage that json to do what you want it to.

Just wrap your transformation in the content before and after of:

<Script type="text/javascript">
var myquestionstructure={

And

}; </Script>

Cool, would you be able to elaborate on making a json object and using that? I've been using page types and transformations to load my choices/answers. I've made a container page type and then a custom page type called ParentChoices which lets users create a page type with a title and description and have it rendered based on a header, footer, and item transformation in a hierarchical transformation. If that makes any sense?

Thanks

Thanks a lot! this worked out a lot better than expected. Just a quick final question I know this isn't really related to my initial question, but is there a way to have one transformation that's strictly just javascript? like for example an item transformation that only contains:

<script type="text/javascript">
    //js code logic here
</script>

The problem that I might run into is, lets say if I put custom javascript code in one of my item transformations and that transformation renders 4 times, it will create 4 script sections and call my functions 4 times.

I've tried to make a regular item transformation that contains just my javascript logic but it doesn't seem to work, my script doesn't get detected.

Thanks!

Usually i don't put the function caller in the transformation itself, i just use the transformation to set a variable at a global level, so i can reference it from any other script i want to call.

Otherwise though if you want a single transformation but only want a certain section to render 1 time, you can leverage the DataItemIndex and DataItemCount values that are available.

If using text/xml transformation, you can do:

{% if(DataItemIndex == 0) { %}
   // stuff that will only show on the first item
{% } |(identity)GlobalAdministrator%}

Just be aware that these numbers are ALL items, regardless of their level, so if you try to use this in a Hierarchy Transformation, may not work as expected.

Ahh, okay cool yeah that can work for me. Thanks a lot for your help, much appreciated!