Storyline 360 Tutorial

How to Utilize Sidebar and Modern Player Controls in Articulate Storyline 360

The Modern Player in Articulate Storyline 360 delivers a clean, responsive interface that adapts seamlessly to desktop and mobile screens. Understanding how to configure the player sidebar position and control alignment allows instructional designers to build polished, user-friendly eLearning experiences. This tutorial covers how to reposition the sidebar menu and leverage the updated player control layout in Storyline 360.

Watch Tutorial

For a visual walkthrough of these settings in the Storyline 360 interface, watch the tutorial video below:

Step-by-Step Guide: Configuring Sidebar and Player Controls

  1. 01

    Open Player Properties

    Launch your project in Articulate Storyline 360. On the top ribbon, select the Home tab and click the Player icon to open the Player Properties window.

    Storyline 360 Home ribbon with the Player icon highlighted to open the Player Properties window
  2. 02

    Access Sidebar Options

    In the Player Features window, locate the Sidebar section and click the drop-down menu next to the Sidebar setting.

    Storyline 360 Player Features panel with the Sidebar setting highlighted in the Player Properties window Storyline 360 Sidebar setting drop-down arrow highlighted, ready to open the position menu
  3. 03

    Reposition the Sidebar Menu

    Select either On Left or On Right from the drop-down choices.

    • Selecting On Left shifts the course navigation menu and resource tabs to the left side of the slide frame.
    • Selecting On Right moves the menu and tabs to the right side.
    Storyline 360 Sidebar drop-down menu open, showing the On Left and On Right position options Storyline 360 Modern Player preview with the sidebar set to On Left, highlighting the navigation menu on the left side Storyline 360 Modern Player preview with the sidebar set to On Right, highlighting the navigation menu on the right side
  4. 04

    Understanding Modern Player Control Alignment (Updates)

    When customizing player controls (such as turning off the seekbar), Storyline 360 handles icon alignment differently compared to older legacy player builds:

    • Legacy Behavior: In older Storyline versions, disabling the seekbar caused the Volume, Captions, and Accessibility icons to shift positions across the bottom bar dynamically, creating inconsistent UI alignment.
    • Modern Player Behavior: In current releases of Storyline 360, deselecting the seekbar keeps the player controls locked in a consistent, left-aligned layout without shifting surrounding elements.
    Storyline 360 Player Controls list with the Seekbar checkbox highlighted Storyline 360 Modern Player preview showing the bottom control bar left-aligned with the seekbar enabled Storyline 360 Modern Player preview showing the bottom control bar still left-aligned after disabling the seekbar
FAQ

Frequently Asked Questions

How do I switch between the Modern Player and Classic Player in Storyline 360?

Open Player Properties, click Player Style on the ribbon, and choose either Modern or Classic from the drop-down menu.

Can I completely hide the sidebar to create a full-screen slide view?

Yes. In the Player Properties window under Features, uncheck the Menu and other sidebar tabs, or set the sidebar position to off to maximize the slide viewing area.

How do modern player controls adapt to mobile devices?

The Modern Player automatically responds to screen orientation and size. On mobile phones in portrait mode, the sidebar collapses into a drawer icon to optimize slide space.

Off-the-Shelf Training Catalog

Off-the-Shelf Occupational Health and Safety (OHS) Courses

Ready-to-Deploy Safety Training

Browse our ready-to-deploy catalog of SCORM-packaged safety courses tailored for industrial, operational, resources, and facility teams operating in Canada:

  • Workplace Hazardous Materials Information System (WHMIS) hazard communication and emergency response procedures.
  • Personal Protective Equipment (PPE) utilization guidelines, ergonomics, and workplace first-aid readiness.
  • Fire risk prevention, working safely in heights, cold-weather safety SOPs, and Lockout/Tagout (LOTO) protocols.
Free Professional Development Modules

Complimentary Corporate Soft Skills Training

Enhance your organization's capabilities with our complimentary corporate soft skills modules. Designed to drive workforce growth and operational efficiency, these complimentary professional development resources provide foundational training in essential workplace competencies. It includes high-impact communication, strategic leadership, effective team collaboration, and uncompromising workplace ethics.

Related Solutions

Explore Related eLearning Solutions

Custom Course Development

Build tailored corporate training aligned with your specific organizational and compliance objectives.

Learn more about Custom Course Development

PPT to E-learning Conversion

Convert static documentation and presentations into interactive, learner-centric modules.

Learn more about PPT to E-learning Conversion

Localization & Accessibility Services

Adapt courses for global teams with multi-language voiceovers, translation, and full WCAG compliance.

Learn more about Localization & Accessibility Services
Get in Touch

Ready to Transform Your Training?

Get a tailored project proposal, custom timeline, and a free SCORM sample built directly from a slice of your existing training materials.

  • Free Proof-of-Concept

    Send us a short document or presentation, and we'll transform it into an interactive SCORM sample so you can judge our instructional design.

  • Expert Consultation

    Talk directly with our eLearning specialist to align your business goals with the right technology stack.

  • Transparent Pricing

    Clear cost estimates and realistic project milestones delivered with zero hidden fees.

Prefer direct email? Reach our lead team at [email protected].

Send Us a Message

Fill in a few details and we'll get straight back to you.