Capacitor Full App - Ionic Angular
  • What is Capacitor Full App - Ionic Angular?
  • Understand the Frameworks
  • Template Highlights
  • Setup
    • Initial Setup
  • Running the app
  • Building App on device
  • Deploying app as PWA
    • Deploy PWA on Firebase
  • How to use this template
    • Two way to use this Template
  • Removing a Page / Component
  • Removing a plugin
  • Extra
    • Troubleshooting
    • FAQ
  • Changelog
  • Features
    • Startup Features
      • Layouts
      • Firebase
      • Addons
        • Globalization - Translation
        • Content Loaders
        • Custom Fonts
        • Infinite Scroll
        • Pull to Refresh
        • List Re-ordering
        • Date Time Pickers
        • Settings
      • Login & Signups
      • Sidemenu Layouts
      • Wordpress
        • How to integrate
      • Video Playlist
      • Grid and List Layouts
      • Chat Lists & Chat Pages
    • Pro Features
      • Pro Addons
        • AdMob
          • Integration
          • Setting up Google Admob
        • Music Player
        • Push Notifications
        • Local Notifications
        • Device
        • Clipboard
        • Social Login
        • In-App Browser
        • Sweet Alerts
        • Social Sharing
        • Google Places
        • Google Autocomplete
        • Image Cropper
      • Phaser Game Framework
      • WooCommerce
      • Payment Gateways
    • Others
      • Adding Icon and Splash
Powered by GitBook
On this page

Was this helpful?

  1. Features
  2. Startup Features

Sidemenu Layouts

Use various specially designed Sidemenu layouts

PreviousLogin & SignupsNextWordpress

Last updated 5 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"