Skip to main content

How to: Interface Layout Options

Updated over a month ago

Globally change the look and layout of your project to match your learning experience style, branding, or theme.

VIDEO: SEE IT IN ACTION


DIY STEPS

In your Studio project, navigate to the Interface Icon in the upper right, which resembles a notepad. Proceed to click on the icon.

On the Interface page, you'll encounter a multitude of options.

Adding Tabs to your Project

  • Locate the "add nav item" button below the icons in the top right corner and click on it to add a new tab.

  • Once you select the "Add nav item" button, a range of templates will be displayed.

    • For example, you can utilize a page builder to provide background information, employ a resource template to include URLs, learner documents, and other relevant materials, and even opt to add a Network map.

  • Once you make your selection, it will be added to the navigation bar.

Configuring your Interface

  • Move your cursor to the Configure panel/icon located in the top right corner, Click the icon to open the configure panel.

  • You'll find options to:

    • Select your Navigation Orientation.

      • To update using the "Top Navigation Slide-down Page View", view this article!

    • Update your Project Name

    • Additional options to further customize your project:

      • logo, header, content, and footer.

  • To add an image, click the downward arrow under each option and then click the plus sign.

    • Additional options will appear for adjusting the image position and customizing the size. The footer option also allows you to sync your labels with the rounds.

  • Once you've made your desired changes, click "Save" to save them.


Setting up the Learner Progress Bar

  • In the Configure Panel, select Footer to access the footer settings for the learning experience.

  • Toggle the Display Footer on or off:

    • If toggled on, it will appear as a footer for the learner.


      To learn more and about the Learner Progress Bar, view this article!



Did this answer your question?