Page Indicator Extension
Outline
This extension is NOT recommended for use when creating accessible courses.
The Page Indicator extension indicates which page is currently in view on your Evolve course.
This article provides an overview of the Page Indicator extension, extension setup, and provides examples of Page Indicator extension configurations.
Extension overview
The Page Indicator extension indicates which page is currently in view on your Evolve course.
You enable the Page Indicator extension in the Extensions section in your Evolve course.
Extension set up
To enable the Page Indicator extension in your Evolve course, press the Extensions button in the top left and select Page Indicator.
![](https://cdn.exceedlms.com/uploads/resource_images/targets/4336171/page_regular/evolve-page-indicator-set-up-061323.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uZXhjZWVkbG1zLmNvbS91cGxvYWRzL3Jlc291cmNlX2ltYWdlcy90YXJnZXRzLzQzMzYxNzEvcGFnZV9yZWd1bGFyL2V2b2x2ZS1wYWdlLWluZGljYXRvci1zZXQtdXAtMDYxMzIzLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTcyNTc2MjA0NH19fV19&Signature=Om1Qe12u1f7n0kW-zaK~jJLJs-TdGLD9aaQjQ0v3NK4uWeDobqrsAXPujGhDolA1CBOnb4yUoP15pqqP0LQfiXYHVWCDcK2N0NpucKndfhL60gGEwjeupu8AsjNEqIT0-YaVCyKd3tnal9g3HR~COaBWVVXRwfLaDIy9sz6wGtVnYsZZ-~tYmD5muMMebOQGjYgTCJS6zdKRWnkwrVCaSmeOxd0APOR9OWgyHkw9up~H1TSJIm91oSp8IJh83WwB0xAofXzVwIThPdFl4CS8WrMty1sUne-DSGRpLhRwY38XMdCLzfI6uqjFwr7BQ7hSo0vyDjxxPOTZ0dSIdSyCEQ__&Key-Pair-Id=APKAJINUZDMKZJI5I6DA)
Behavior section
In the Behavior section:
![](https://cdn.exceedlms.com/uploads/resource_images/targets/4336173/page_regular/evolve-page-indicator-behavior-settings-061323.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uZXhjZWVkbG1zLmNvbS91cGxvYWRzL3Jlc291cmNlX2ltYWdlcy90YXJnZXRzLzQzMzYxNzMvcGFnZV9yZWd1bGFyL2V2b2x2ZS1wYWdlLWluZGljYXRvci1iZWhhdmlvci1zZXR0aW5ncy0wNjEzMjMucG5nIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNzI1NzYyMDQ1fX19XX0_&Signature=cfxR0S6jRrIgzWcTeSPl1wkWtF8GnxSnwDBmZwT37ygzzla6FvOt01Y-awViaZJKntVcVOmqpnIAT62cpmaw04XcEKhBY477MF3~sBcsdPuUWPU-xNRcu~LYmuhTgaGmbGOe2wEM2im375RSJv4zJgtREIREmefcYIfy2XWWF2jMTFz4fgDjMSC4~yUQ7ClGxjS-WtmobTc6I6F1TKilbJqFRJsJMbqkVXnJ0pEs~19ErZE412~EwX9RI3xEmZVlULL~NaWKB2eINT2A1s1fLO6UK0pxpI2OrjdcXdGONmVelHIk7Pmxr7pX-rJ4rnSdXk-dMZyrjtBtqI6lNQd1sQ__&Key-Pair-Id=APKAJINUZDMKZJI5I6DA)
- In the Behavior section, you toggle to Disable Interaction. Enable this to make the page indicator circles non-clickable and to not show the page title when hovering on a circle.
- Add a Page Indicator ARIA Label as needed.
Extension Examples
Below are examples that illustrate the Page Indicator extension setup:
![](https://cdn.exceedlms.com/uploads/resource_images/targets/2688681/page_regular/pageindicatorextensionexample1.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uZXhjZWVkbG1zLmNvbS91cGxvYWRzL3Jlc291cmNlX2ltYWdlcy90YXJnZXRzLzI2ODg2ODEvcGFnZV9yZWd1bGFyL3BhZ2VpbmRpY2F0b3JleHRlbnNpb25leGFtcGxlMS5wbmciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE3MjU3NjIwNDV9fX1dfQ__&Signature=djW5T72bBFw1j4fwH14K7OjzHxOC8QYRtboLpxvJ6YKjbAIkRP2soSyZCm83miS3FQlXI2iAZNZgXHVMom2BmztkVWzzNdsyx8MY99HDA7Wx86OoKaZ9zjDgd5ePVArGbz00yQggqhnFbJZ3xPDYSqFfes3ChUt8bayg1POGWEJe6ZvM4V05AzBAN6TznONvah4ntIP2iWtlaHG68w0c7OStBM5rcy6kQA~SYQl~-CikgwKA8M2VhzyfRZI~KvGxQk3vCPMNxia4uRMzYQoSbsrqcCkgljAu7rrJsr-uKgxT419pdEnibQr8YjNVfRSMvmPUORnliESfzK~43SEdnA__&Key-Pair-Id=APKAJINUZDMKZJI5I6DA)
Example 1 – displays the Page Indicator extension with the setting Disable Interaction disabled. When hovering, the learner can click on the circle in the middle to go to Page 2 in this example.
![](https://cdn.exceedlms.com/uploads/resource_images/targets/2688685/page_regular/pageindicatorextensionexample2.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uZXhjZWVkbG1zLmNvbS91cGxvYWRzL3Jlc291cmNlX2ltYWdlcy90YXJnZXRzLzI2ODg2ODUvcGFnZV9yZWd1bGFyL3BhZ2VpbmRpY2F0b3JleHRlbnNpb25leGFtcGxlMi5wbmciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE3MjU3NjIwNDV9fX1dfQ__&Signature=Xaz3yAM2mwDNlyeNK30asD4LNdBnRWTR~mFJuuTxDgrfDhK9qYXt13OyG4cI7fAlTU2sUZRRTEoUGom0eE4BXa9N3NGIF6LlzxubpvPmNTxNQ4Rpq~LOE5p-pds-Njymz5qH4eihuY~ff~PZK3OFkVngXPDecjq43u~7GBq~kF9tjMHLt48ATIi8ijs58JiUn8KhZ8pVwq42lSj7KUjIdHQ-WpN5jSdu~M9fXJiyL3ncCm0IDymDesARTOaJ9gWXNt~sq19tacEjiGWuVEFXv8ipZrGiQMpw~LdOGrB6h~E25xxNJhpTJNoysU2SS-NAOzc3svHragR242-ZcqLWww__&Key-Pair-Id=APKAJINUZDMKZJI5I6DA)
Example 2 – displays the Page Indicator extension with the setting Disable Interaction enabled. When hovering over the circles that indicate the different pages in the Evolve course, the circles are non-clickable, and no information about the different pages is given.
![](https://cdn.exceedlms.com/uploads/resource_images/targets/2258517/page_regular/hr2-281-29.jpeg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uZXhjZWVkbG1zLmNvbS91cGxvYWRzL3Jlc291cmNlX2ltYWdlcy90YXJnZXRzLzIyNTg1MTcvcGFnZV9yZWd1bGFyL2hyMi0yODEtMjkuanBlZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTcyNTc2MjA0NX19fV19&Signature=Cg5o6HXIuiFbkn1xRM5-c0RKbLNbVU4AIfI1RP3sCa-wx-edx3e-ALsSnC5sx2AALmj34G9yGcyH0oO5PwAiipEzqGj1trYCnrgNBconuGXqHz2-wSuabm~cJxN3xT6IU9bXdFox8D1RUofRTal-KEVSaV4~AmJcKM5axo1Ob20Qoj29OXYsz-9p-KgC1PMX9GVK076jCe47rmWSAHpupj-busktq-wIE~gFlO6ThtV7SpiGJrbwrhuySgHkb3Zk6sv8fvTttPpCIiG-pVzjLe93RJ-hwJZYqr5S-LuG4rsIe~HGWqjWPSGUg9cFzEbmJC8I09EuiPrpVbCgvWYfjw__&Key-Pair-Id=APKAJINUZDMKZJI5I6DA)
Did this article help?
Let us know by leaving a star rating or review at the top of this article.