Scrollbar

What is a Scrollbar?

A scrollbar is a narrow vertical bar on the right edge of the screen that allows learners to shift the view of a page or window to see content that extends beyond the visible area.

Set a Scrollbar Branding

1

Go to the Branding tab.

2

Click on the branding template name.

A new window will appear.

3

Go to the Section tab.

4

Select Scrollbar.

A pop-up window will appear.

5

Set a scrollbar branding.

6

Preview the changes of the loading screen.

7

Reset the changes to default.

8

Click the Save button to apply the changes.

Edit Scrollbar Branding Settings

Open a сourse loading page settings window to start editing.

1

Visibility

Select a scrollbar visibility option from the drop-down menu:

• Persistent: Always displays the scrollbar;

• On hover: Shows the scrollbar when the learner hovers over the page;

• On scroll: Shows the scrollbar when scrolling the page;

• On move: Shows the scrollbar when the learner moves the cursor;

• Hide: Always hides the scrollbar.

2

Width

Adjust a slider or enter the width of the scrollbar in pixels.

3

Color

Change the scrollbar color and its intensity by using a hex color code or selecting a shade from the palette or Branding color list.

4

Hover color

Set the color that appears when users hover over the scrollbar by using a hex color code or selecting a shade from the palette or Branding color list.

5

Rounding

Adjust the slider or enter the percentage value inside the input window to control corner roundness of the scrollbar.

6

Display border

Click No to remove borders around the scrollbar.

7

Shadow

Click + to add shadow effects to the reflection field for additional visual depth and emphasis.

Remember to apply the changes via the Save button.