Add your own help text to Honeycomb

The Honeycomb menu includes a section to help learners navigate the course.

You can edit this text, localize it, or add your own. For example, you could add a contact details section for learners who are having issues with the course.

1. In Author-it Cloud, go to Files > Common > CompanyShare > Templates > Honeycomb> hv_src > data > common > en

2. Open userInterface.json

3. Enter unique class names for the heading and help text. For example:

   "helpContactDetails": {
       "text": "Course coordinator details"
       },
       "helpContactDetailstxt": {
       "text": "If you're having trouble with your exam, email ACME@exams.com."
       },

4. Go back to the hv_src folder.

5. Open index.htm

6. Navigate to the Shellhelp definitions section.

   

7. Insert a new <li> item for your help text. Add a heading and the help text. For example:

   <li>
   <div>
   <span class="Coordinator details">
   </span>
   <h3 class="helpContactDetails">
   Contact details for course coordinator
   </h3>
   <p class="helpContactDetailstxt">
   The contact details for the course coordinator, in case learners need assistance with the exam.
   </p>
   </div>
   </li>

8. Make sure that you use the class names as defined in userinterface.json.

   Note: Do not enter the help text in the index.html. Honeycomb reads the texts from userinterface.json . You can enter an explanation of what the help text is for, to help people editing index.html, if you want.

9. Save index.html