Navigation buttons

The Navigation Buttons component provides directional controls for moving through course content. It typically includes "Return" and "Continue" buttons that allow users to navigate backward and forward through the learning materials.

Styles settings

Property
Description

Display buttons

Toggle visibility of navigation buttons (Yes/No)

Hover color

Define the color that appears when users hover over active buttons

"Return" button

Background color

Set the background color for the Return button

Upload picture

Upload a custom image to replace the default background

Display icon

Toggle visibility of the icon within the button (Yes/No)

Upload icon

Upload a custom icon for the Return button

Display border

Toggle visibility of button borders (Yes/No)

Rounding

Adjust corner radius of buttons

Disabled button background

Set the background color for buttons in disabled state

Picture

Upload a custom image for the background of a disabled button

"Continue" button

Background color

Set the background color for the Continue button

Upload picture

Upload a custom image to replace the default background

Display icon

Toggle visibility of the icon within the button (Yes/No)

Upload icon

Upload a custom icon for the Continue button

Display border

Toggle visibility of button borders (Yes/No)

Rounding

Adjust corner radius of buttons

Disabled button background

Set the background color for buttons in disabled state

Picture

Upload a custom image for the background of a disabled button

Effects

Sidebar shadow

Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro.

Padding

Top/Bottom padding

Adjust vertical internal padding of buttons

Left/Right padding

Adjust horizontal internal padding of buttons

Margin between buttons

Define spacing between the Return and Continue buttons

Typography settings

Customize Navigation buttons appearance using rich-text formatting options. These changes apply only to Buttons and do not affect other text elements.

You can modify the following properties:

  • Font

  • Style

  • Size

  • Line spacing

  • Color

For details, see Typography and fonts.

Disable navigation buttons

It is recommended to disable navigation buttons in Parta if:

  • You prefer to use LMS course navigation to avoid any confusing duplication.

  • You want to ensure learners follow a single, cohesive path without switching between course pages.

Navigation buttons allow learners to move between course pages. Configure them based on your course structure:

Course structure
Action

Single-page course

Disable Parta's navigation buttons.

Multi-page course

  1. Disable Parta's navigation buttons.

  2. Add a custom button with the Course navigation type to allow learners to proceed to the next page.

To disable navigation buttons:

  1. Go to the Branding page > Section.

  2. Select Navigation buttons > Styles > Display buttons.

  3. Click No.

  4. Click Save.

Last updated

Was this helpful?