Open eLMS All

Add buttons to a screen using the Open eLMS AI Editor

eLearning can have buttons added to each screen using the button tool on the toolbar.

📘 Instructions

Follow these steps to add a button to the screen.

  1. Select the button on the toolbar.

    image-20240924-134610.png

  2. Move the button to the desired location.

    image-20240924-134823.png

  3. Change the caption.

    image-20240924-134852.png

  4. Add a URL, target screen ID (in this case pressing the button will take the user to screen ID 2.) or a Command ('next', 'prev' or 'skip').

    image-20240924-134945.png

  5. Add alt text to the button so it is visible to screen readers.

    image-20240924-135039.png

  6. Switch to preview mode to test the button.

    image-20240924-135106.png

  7. Adding Commands: If we go to the IN-SCREEN NAVIGATION panel we can see a button called CUSTOM NAVIGATION OPTIONS has appeared.

    image-20240925-155600.png


    In this form we can replace the standard Next Button format with an alternative format.

    image-20240925-155752.png

    Here we have changed the format to a Yes/No button. You can see here we have used the documented command to skip the next screen if the No button is selected.

    image-20240925-160006.png


    Here the resultant eLearning has been changed.

    image-20240925-160327.png

Target IDs can be used to create branching learning with more than one button on the same screen; pressing each button will take the learner on a different learning pathway.

📋 Related articles