Ionic 5 Full Starter App
  • Enappd Apps
  • Ionic 5 Full App
    • What is Ionic 5 Full App?
    • Template Features
    • Initial Setup
      • Environment Configuration
      • Credentials
    • Running the app
    • Deploying app as PWA
    • Building App on device
    • How to use this template?
      • Copy a module to another app
      • Shared Component & Modules
      • Map Service
    • Beginner Pack Features
      • Firebase
      • Layouts
      • Sidemenus
      • Login and Signups
      • Chat screens
      • Chat Lists
      • Video Playlists
      • Grids and Lists Layouts
    • Startup Pack Features
      • Wordpress
        • Wordpress JSON API Basics
        • Wordpress in Ionic 5 Full App
      • Translation - Multi-language
      • Using Custom Fonts
      • Infinite scroll
      • Content Loaders
      • Pull to refresh
      • List re-ordering
      • Date Pickers
    • Pro Pack Features
      • Phaser Game Framework
      • AdMob Integration
        • AdMob Introduction
        • Setting up Google Admob
        • Integration
      • Social Sharing
      • QR and Barcode Scanning
      • Google Places
      • Google Autocomplete
      • Social Logins
        • Google Login
        • Facebook Login
        • Twitter Login
      • Woo-commerce Integration
    • Removing a Page / Component
    • Removing a plugin
    • FAQs
    • Changelog
    • Troubleshoot
Powered by GitBook
On this page

Was this helpful?

  1. Ionic 5 Full App
  2. Beginner Pack Features

Sidemenus

Use various specially designed Sidemenu layouts

PreviousLayoutsNextLogin and Signups

Last updated 6 years ago

Was this helpful?

The app contains 5 different Sidemenu layouts which you can use in your apps.

HTML code

The HTML code for the sidemenus is sitting in app.component.html itself, same as the main sidemenu.

You can differentiate the Sidemenus by the class="sidemenu-1" and similar.

Similarly, the styles for each Sidemenu are sitting in app.component.scss

Currently, for display purpose, the Sidemenus are shown on the right hand side. But for your app usage, you can use it either on left or right side, by defining side="end" or side="start"