Forum Discussion

KarineBenazra's avatar
KarineBenazra
Community Member
5 months ago

Multiple Selection in Multiple Categories & Table Results

Hi Heroes,

I need to create a project where the user can check from 0 to x criteria in several categories.
And when clicking Submit, a summary table should appear with 1 line per checked criterion. The table should also contain several columns of information to display for the selected criterion.
I will call on someone who can help me in JS (especially for the formatting of the table) but I wonder what is the best way to approach things in Storyline 360...

I made a quick mockup of what I want to achieve before working on a more attractive design ;)

My questions:
- How to best prepare the ground in Storyline?
- What instructions should I give to the JS developer?
- How to then integrate the JS instructions into SL?
- Is there an alternative to using the scroll panel (for the criteria and/or for the results)?

Thank you in advance for your help!

Menu
Multiple selection
table results

4 Replies

Sort By
  • KarineBenazra's avatar
    KarineBenazra
    Community Member
    4 months ago

    Hi,

    I have made progress on the project. I feel like I am not far away. I would appreciate it if you could take a look at my files to see what still needs to be adjusted.

    • For now, I set 2 categories: When and ByWhom
    • In the When category, I have 7 checkboxes
    • In the ByWhom category, I have 9 checkboxes
    • I set True/False variables for each checkbox
    • On the Submit button, I attached a JS to generate an HTML table:
      console.log("Bouton Submit : Appel de genererTableau...");
      genererTableau();

    The table should contain with 1 line per checked criterion. The table should also contain several columns of information to display for the selected criterion.

    In the SL project, I also inserted a WebObject pointing to the mon_tableau folder containing these files : index.html, script.js and style.css files + images files (.jpg)

    And after publication, I add the mon_tableau folder in the main publication folder (at the same level as in story.html)

    I’m almost there except that my table display all variables, not only the ones that are at True.

    I would be very grateful if you could have a look at my files and let me know if there is something to adjust in order to display in the table only information related to checked boxes.

    Thank you !

Related Content