# Basic buttons menu and progress bar

**URL:** <https://community.evolveauthoring.com/t/basic-buttons-menu-and-progress-bar/2628>\
**Category:** General Help\
**Created:** [November 19, 2023, 11:34am UTC](https://community.evolveauthoring.com/t/basic-buttons-menu-and-progress-bar/2628 "2023-11-19T11:34:20Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shoval\_Shirom](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/shoval_shirom/32/1499_2.png) [@Shoval\_Shirom](https://community.evolveauthoring.com/u/Shoval_Shirom)\
**Post date:** [November 19, 2023, 11:34am UTC](https://community.evolveauthoring.com/t/basic-buttons-menu-and-progress-bar/2628/1 "2023-11-19T11:34:20Z")

</div>

Hey,

I would like to create a basic course with some fundamental features:  
-A linked button to navigate to the next page or the next section  
-A progress bar on the side  
-Hamburger menu: Is the hamburger menu only available in a “Box Menu”? I didn’t see these options available.

Thank you,  
Shoval

---

<div class="post-metadata">

**Author:** ![LoarsWoars](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/loarswoars/32/1320_2.png) [@LoarsWoars](https://community.evolveauthoring.com/u/LoarsWoars)\
**Post date:** [November 20, 2023, 7:43am UTC](https://community.evolveauthoring.com/t/basic-buttons-menu-and-progress-bar/2628/2 "2023-11-20T07:43:43Z")

</div>

![Bildschirmfoto 2023-11-20 um 08.33.17](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/8/8ce928eddead07728e4f6a95c908efd232b39bf9.png)  
Hi there,

i would like to help you with your first two questions and hope, this helps:

**A linked button to navigate to the next page or the next section:**  
There are two ways; the easiest: You go to the **course settings** on the left (gearwheel) and choose the **Navigation** -tab. Click on **Footer Navigation** and turn on **Enable Footer Navigation**. After that, on the bottom of your page a footer will appear and as soon as you create some pages on the same “layer”/ inside the same topic, you can switch from page to page via the footer.

Second way: You can insert a component called **Action Button**. In the **Behavior** -Section on the right (after you clicked on your Action Button component) there are a few options you can choose from to configure, what happens, if you click on the Action Button. Unfortunately there is no option to jump to the next page, so we have to use **Logic**. Go to the left and click on the “Lightning/ Flash” icon to enter **Logic**. You can see three Tabs: **Trigger, Variables** and **Dialogs** - we only need **Triggers**. Click on the **plus** -icon underneath **Triggers** and a new field will appear.  
On **Event** select **Action Button clicked**  
On **Condition** select your Action Button component  
On **Actions** select **Navigate to page**. A new option will appear ( **Page** ) - there you have to select the page you want to navigate to.  
In my opinion, the first solution suits you better, unless you want to navigate to a specific page, than the second solution is better.

**A progress bar on the side**  
As far as I know, there is no progress bar, you can use at the side. Go to the left to the **Extension** -page inside your course - that is the puzzle-icon. Enable **Scroll Progress**. After this you will have a (very) small progress bar on the top. Via **Themes** you can change the colors and - if i remember well - the size of the bar, but right now I cannot find the options.

EDIT: Indeed you can change the size of the bar using your own theme. If you want to change the size of the progress bar go to **Theme** (inside your course) **=\> Extensions =\> Scroll Progress**. You’ll find the **Scroll Progress (Mobile) Height** to change the size. Also you can set the progress bar to the bottom - all you have to do is enable **Display at Bottom of Navigation Bar**.

Best regards  
Lars

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [November 20, 2023, 4:26pm UTC](https://community.evolveauthoring.com/t/basic-buttons-menu-and-progress-bar/2628/3 "2023-11-20T16:26:11Z")

</div>

You can also use the Links component to create internal links - it’s a bit more straightforward to set up an internal link that way than using an Action Button

The Hamburger menu option is configured in Theme \> Navigation \> Settings \> Use Hamburger menu

You can show current progress within the page using the Progress extension.

---

<div class="post-metadata">

**Author:** ![Shoval\_Shirom](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/shoval_shirom/32/1499_2.png) [@Shoval\_Shirom](https://community.evolveauthoring.com/u/Shoval_Shirom)\
**Post date:** [November 26, 2023, 12:23pm UTC](https://community.evolveauthoring.com/t/basic-buttons-menu-and-progress-bar/2628/4 "2023-11-26T12:23:36Z")

</div>

Thank you so much! I will definitely use it.

---

<div class="post-metadata">

**Author:** ![Shoval\_Shirom](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/shoval_shirom/32/1499_2.png) [@Shoval\_Shirom](https://community.evolveauthoring.com/u/Shoval_Shirom)\
**Post date:** [November 26, 2023, 12:24pm UTC](https://community.evolveauthoring.com/t/basic-buttons-menu-and-progress-bar/2628/5 "2023-11-26T12:24:01Z")

</div>

Thank you for your answer Matt!
