---
title: Help Center Tutorial Layout Options
description: Learn about iorad Help Center layout options, including player-only views, step lists, mobile behavior, and ways to customize tutorials for learners.
image: https://learning.iorad.com/hubfs/Iorad%202021/Assets/1_Qm7S_NMDz7VtXslrR9z27Q.png
---

[![iorad](https://learning.iorad.com/hubfs/Iored%20Theme%202021/Images/iorad%20logo%20DONT%20DELETE.png)](https://www.iorad.com/)

- Product
  
  #### Individual
  
  [Tutorial Privacy Control who views your tutorials](https://www.iorad.com/pricing/feature/tutorial-privacy) [Mask Data Control who views your tutorials](https://www.iorad.com/pricing/feature/mask-data) [Basic Audio Text-to-speech & custom voiceovers](https://www.iorad.com/pricing/feature/basic-audio)
  
  #### Team
  
  [Branding Add custom branding](https://www.iorad.com/pricing/feature/custom-branding) [Premium Audio Neural voiceovers and CC](https://www.iorad.com/pricing/feature/premium-audio) [Collaboration Co-edit and publish tutorials](https://www.iorad.com/pricing/feature/team-collab) [Analytics See tutorial performance](https://www.iorad.com/pricing/feature/analytics)
  
  #### Enterprise
  
  [Translations Automatic language translation](https://www.iorad.com/pricing/feature/translations) [Team Accounts Allocate separate accounts](https://www.iorad.com/pricing/feature/team-collab) [Encrypt & Anti-Track Strict compliance & additional data protection](https://www.iorad.com/pricing/feature/encrypt-and-anti-track)
  
  [All plans & Features →](https://www.iorad.com/features)
- Resources
  
  #### Support
  
  [Help Center](https://www.iorad.com/resources/help-center) [Learning Hub](https://learning.iorad.com) [Schedule Demo](https://www.iorad.com/demo)
  
  #### Customers
  
  [Testimonials](https://www.iorad.com/testimonials) [Case Studies](https://learning.iorad.com/customer-stories?_ga=2.48225895.1718347252.1788801042-1263284910.1780521832)
  
  #### Marketplace
  
  [Partnerships](https://www.iorad.com/partner-programs) [Integrations](https://www.iorad.com/connectIntegrations) [Services](https://www.iorad.com/services)
  
  #### Company
  
  [Privacy Policy](https://www.iorad.com/privacypolicy) [About Us](https://www.iorad.com/meet-the-team)
- Use Cases
  
  [EDU](https://www.iorad.com/use-cases/education) [Customer Training](https://www.iorad.com/use-cases/customer-training) [Sales Enablement](https://www.iorad.com/use-cases/sales-enablement) [Learning & Development](https://www.iorad.com/use-cases/learning-and-development)
  
  [HR](https://www.iorad.com/use-cases/human-resources) [Product Management](https://www.iorad.com/use-cases/product-management) [I.T.](https://www.iorad.com/use-cases/information-technology) [Operations](https://www.iorad.com/use-cases/operations)
  
  [All Use Cases →](https://www.iorad.com/use-cases)
- [Pricing](https://www.iorad.com/pricing)

[Try it Free](https://www.iorad.com/signup) [Sign In](https://www.iorad.com/login)

# Library Tutorial Layout Options

[Learning Hub](https://learning.iorad.com/) → [Thought Leadership](https://learning.iorad.com/thought-leadership) →  Library Tutorial Layout Options

![1\_Qm7S\_NMDz7VtXslrR9z27Q](https://learning.iorad.com/hubfs/backup-2023-04-09/Iorad%202021/Assets/1_Qm7S_NMDz7VtXslrR9z27Q.png)

We know that our customers all have unique cases & different types of learners accessing their Help Centers — so we wanted to provide the same output options that we allow for embedding outside the iorad help center as we do inside our help center.

Many love our interactive player, however, some prefer just a standard list with static images and text instructions. You know your learners best so we let you choose how to present it to them.

## Choose from the following options:

- Player Only
- Step List followed by Player
- Player followed by Step List
- Step List Only

## Embedding the Help Center?

The Help Center, similar to tutorials has both desktop & mobile modes. When the Help Center is embedded in an area smaller than 1050 pixels it will default to Mobile mode. This means that the right panel list of tutorials will take the entire embed space, until the user selects a tutorial to view. Now at this point, the tutorial will take up the entire allotted space. Once the user presses close, they will return to the tutorial list view.

Want to learn more about managing your Help Center, [click here](https://theioradlife.com/your-one-stop-shop-a12aef3878ee).

See the tutorials below for more specific Help Center how-to’s.

- [Show/Hide a Category](http://ior.ad/6zND)
- [Show/Hide Individual Tutorials](http://ior.ad/6zRg)
- [Create Multiple Views](https://theioradlife.com/multiple-help-center-views-ec1a58e593ea)
- [Translated Help Center](https://theioradlife.com/translated-help-center-9251cfa2a43f)
- [Embed Help Center](http://ior.ad/6YdP)

 1\. If you'd like to change the way your tutorials are displayed within your Web Library, here's how. First, from your **dashboard** click on **My** **Libraries.**

![](https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1647593&step_number=1&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=false&min_zoom=0.5)

 2\. Click on a **Library**

![](https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1647593&step_number=2&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=false&min_zoom=0.5)

 3\. Click **Edit**

![](https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1647593&step_number=3&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=false&min_zoom=0.5)

 4\. Click **Theme**

![](https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1647593&step_number=4&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=false&min_zoom=0.5)

 5\. Click on the **Layout dropdown.**

![](https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1647593&step_number=5&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=false&min_zoom=0.5)

 6\. Click on your **Layout of choice.**

If you prefer to just show the Player without the static list, choose "Player Only."

![](https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1647593&step_number=6&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=false&min_zoom=0.5)

 7\. That's it. You're done. You've updated your Library Layout settings.

![](https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1647593&step_number=7&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=false&min_zoom=0.5)

### Here's an interactive tutorial

[https://www.iorad.com/player/1647593/Change-Web-Library-Tutorial-Layout](https://www.iorad.com/player/1647593/Change-Web-Library-Tutorial-Layout)

<iframe src="https://www.iorad.com/player/1647593/Change-Web-Library-Tutorial-Layout?iframeHash=trysteps-1&amp;src=iframe&amp;oembed=1" width="100%" height="500px" style="width: 100%; height: 500px; " referrerpolicy="strict-origin-when-cross-origin" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen allow="camera; microphone; clipboard-write;" sandbox="allow-scripts allow-forms allow-same-origin allow-presentation allow-downloads allow-modals allow-popups allow-popups-to-escape-sandbox allow-top-navigation allow-top-navigation-by-user-activation"></iframe>

![Company Logo](https://learning.iorad.com/hubfs/iorad%20icon.png)

#### Support

- [Help Center](https://www.iorad.com/resources/help-center)
- [Learning Hub](https://learning.iorad.com/)
- [Schedule Demo](https://www.iorad.com/demo)
- [Releases](https://www.iorad.com/release)
- [FAQ](https://www.iorad.com/faq)

#### Pricing

- [Business](https://www.iorad.com/pricing/business)
- [Education](https://www.iorad.com/pricing/education)
- [Non-Profit](https://www.iorad.com/pricing/non-profits)

#### Company

- [About](https://iorad.com/about)
- [Leadership](https://www.iorad.com/leadership)
- [History](https://www.iorad.com/history)
- [Culture](https://www.iorad.com/culture)
- [Careers](https://www.iorad.com/careers)

#### Explore iorad

- [What is iorad](https://www.iorad.com/tutorialbuilder)
- [Features](https://www.iorad.com/features)
- [Compare iorad](https://www.iorad.com/compare)
- [How to use iorad](https://learning.iorad.com/use-cases)
- [Testimonials](https://www.iorad.com/testimonials)

#### Connect

- [Partners](https://www.iorad.com/partner-programs)
- [Integrations](https://www.iorad.com/connectIntegrations)
- [Helping Hands](https://www.iorad.com/helping-hands)
- [Services](https://www.iorad.com/services)
- [Adoption Curve](https://learning.iorad.com/the-adoption-curve)

#### Fine Print

- [Terms of use](https://www.iorad.com/termsconditions)
- [Privacy Policy](https://www.iorad.com/privacypolicy)
- [Cookie Policy](https://www.iorad.com/cookiepolicy)
- [Accessibility](https://www.iorad.com/accessibility)
- [System Status](https://status.iorad.com/)

© Copyright 2026 – iorad Inc. All rights reserved.

[![LinkedIn](https://learning.iorad.com/hubfs/Social%20Media%20Icons%20(iorad)/LinkedIn.png)](https://www.linkedin.com/company/iorad) [![Facebook](https://learning.iorad.com/hubfs/Social%20Media%20Icons%20(iorad)/Facebook.png)](https://www.facebook.com/iorad) [![Instagram](https://learning.iorad.com/hubfs/Social%20Media%20Icons%20(iorad)/Instagram.png)](https://www.instagram.com/iorad) [![YouTube](https://learning.iorad.com/hubfs/Social%20Media%20Icons%20(iorad)/YouTube.png)](https://www.youtube.com/@iorad) [![Twitter](https://learning.iorad.com/hubfs/Social%20Media%20Icons%20(iorad)/Twitter.png)](https://twitter.com/iorad)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Lauren Taylor",
    "url" : "https://learning.iorad.com/author/lauren-taylor"
  },
  "dateModified" : "2026-05-12T19:53:12.990Z",
  "datePublished" : "2020-03-25T07:06:00.000Z",
  "headline" : "Help Center Tutorial Layout Options",
  "image" : [ "https://learning.iorad.com/hubfs/Iorad%202021/Assets/1_Qm7S_NMDz7VtXslrR9z27Q.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://learning.iorad.com/thought-leadership/help-center-tutorial-layout-options",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://learning.iorad.com/hubfs/iorad_logo_colour_2021%20(1).png"
    },
    "name" : "iorad"
  }
}
```