Side panel

Side panel provides navigation, course structure, and progress tracking for users. It organizes content hierarchically and offers quick access to different sections while showing completion status.

Styles settings

Property	Description
Menu type	Select the menu type: Pop-up Fixed
Menu position	Select the menu position: Left Right
Background color	Set the panel's background color for visual distinction
Options
Display overlay	Enable a semi-transparent overlay over main content when panel is active
Display logo	Toggle visibility of company logo within the panel
Display description	Show or hide course description text
Panel width	Adjust the width of the side panel in pixels
Section
Select color	Select a background color for the section in progress
Hovered	Select a background color for the section when it is hovered
Disable color	Selected a color of the text in the section which is yet locked
"Chapter" icons
Display	Toggle display (Yes/No) to show or hide custom chapter icons
Upload	Upload custom chapter icons
"Page" icon
Display	Toggle display (Yes/No) to show or hide custom page icons
Upload	Upload custom page icons
"Quiz" icon
Display	Toggle display (Yes/No) to show or hide custom chapter icons
Upload	Upload custom quiz icons
Horizontal progress
Display progress	Toggle horizontal progress bar visibility (Yes/No)
Progress line (background)	Set unfilled progress color
Progress line (completed)	Set unfilled progress color
Rounding	Adjust corner radius of progress bars
Display border	Toggle border visibility around progress bars
Border color	Set border color
Thickness	Adjust border thickness
Text position	Choose text alignment relative to progress bar
Vertical progress
Progress position	Set vertical progress indicator position
Progress line (background)	Set unfilled progress color
Progress line (completed)	Set unfilled progress color
Display border	Toggle border visibility around progress bars
Border color	Set border color
Thickness	Adjust border thickness
Effects
Sidebar shadow	Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro.
Margins
Margin from icon	Set spacing between icons and text
Margin between sections	Define spacing between navigation items
Padding from progress	Adjust spacing around progress indicators
Padding from collapse	Set spacing around collapsible elements
Search
Display search	Toggle (Yes/No) search bar visibility
Background color	Set search field background
Icon color	Define search icon color
Rounding	Adjust corner radius of search field
Display border	Toggle border visibility
Border color	Set border color
Thickness	Adjust border thickness
Collapse
Default state	Choose initial panel state: Expanded Collapse
Collapse	Set the position of the collapse icon: Hide Left outside Left Right Right outside

Typography settings

The Typography tab provides options for customizing font, style, size, line spacing, and color for the following components:

• Course name

• Chapter name

• Section name

• Desription

• Search

• Course progress

For details, see Typography and fonts.

Disable side panel

It is recommended to disable the side panel 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.

To disable the side panel:

1. Go to the Branding page > Section.

2. Select Header > the Styles tab > the Menu “button” section > Display menu.

3. Click No.

4. Click Save.