Hiding the Tab Bar.

5.0/5 rating (6 votes)

 It is possible to hide the Tab Bar. This can be done in various ways such as the following:

  • Hiding the Tab Bar using a module.
  • Hiding the Tab Bar using JavaScript.
  • Hiding the Tab Bar using CSS.

Hiding the Tab Bar using a Module: 

  1. Go to Modules.
  2. Search for "Tab Bar".
  3. Add "Show/Hide Tab Bar" to your app, it will add a link with two buttons inside.
  4. Use the button to show or hide the Tab Bar depending on your needs.

Hiding the Tab Bar using JavaScript:

  1. Open settings and click on advanced.
  2. Scroll down to "Custom JavaScript" and type in one of the following depending on your needs.
  3. To hide the Tab Bar:
    app.hideTabBar();



  4. To show the Tab Bar:
    app.showTabBar();

Hiding the Tab Bar using CSS:

  1. Open Settings and click on advanced.
  2. Scroll down to "Custom CSS"Add the following line of code:
    .tab-bar {
        display: none;
    }



  3. It is also possible to show the hidden Tab Bar by using:
    .tab-bar {
        display: initial;
    }

Share this product

Book a demo or Masterclass

Find out quickly if AppShed is right for your school.

Book a quick demo, or a more in-depth Masterclass,
to see how AppShed fulfills your curriculumn requirements.

   Book a demo or Masterclass   

appshed name white text 250

Copyright © 2022 AppShed Limited

AppShed Support
Customer Support

We are online and available to help teachers/educators using AppShed. How can we help you today?

Chat, call or email support@appshed.com