QuickDEV
  • ▶️Quick start
    • 🔃Overview
    • 🔑Security
  • 🎭Users management
    • 👨‍👩‍👦‍👦Members and groups
    • 🔐Permission for resources
  • 🖥️Applications
    • ➕Create applications
      • ⤴️Create application/module
      • 🔲Module
      • ✅Version and Release Management
    • 🎨Application editor
      • 👁️‍🗨️Visual components
        • ⚙️Common component settings
        • ⬆️File upload
        • 📊Charts and graphs
        • 🌄Image
        • 📋Option lists
        • 📑List view
        • ⬜Drawer
        • 🗺️Google maps
        • 📩Messages / Toast
        • 📅Calendar
        • Custom component
      • #️⃣Use markdown
      • ⌨️Keyboard shortcuts
    • 🔗Navigation
    • ⏯️Actions editor
      • ⏱️Date handling
      • 🟰Data selection & JavaScript
      • ⚡Event handlers
      • 🔎JavaScript Query
      • ✖️Dynamic variable
      • 💱Transformers
      • 🧮Data responder
      • ↕️Built-in JS functions
      • 📚Third-party libraries
    • 🖌️Styling
      • 📝Themes
      • 🖍️Customize styles
  • 🚀Database & API
    • 🔎Queries
    • 🧰Query repository
    • 📡Datasources
      • 🌎API
        • 1️REST API
        • 2️GraphQL
        • 3️Google Sheets
      • 🟠SQL Databases
        • 1️Oracle
        • 2️Microsoft SQL Server
        • 3️MySQL
        • 4️PostgreSQL
        • 5️MariaDB
      • 🟡NoSQL Databases
        • 1️MongoDB
        • 2️CouchDB
        • 3️DynamoDB
      • 🔴REDIS
      • 🟢BigData & OLAP
        • 1️Big Query
        • 2️Snowflake
        • 3️ClickHouse
        • 4️Elasticsearch
      • 🌐WebSocket
  • 💻Integrations
    • 1️ANGULAR
    • 2️HTML Pages
Powered by GitBook
On this page
  • Menu items
  • Add submenu items
  • Add URL parameters
  • Visibility of menu items
  • Permissions
  1. Applications

Navigation

PreviousKeyboard shortcutsNextActions editor

Last updated 1 year ago

Navigation organizes your apps in the left sidebar, allowing for quick access to the appropriate page.

To create a navigation page, navigate to the QuickDEV homepage, then click on "New" and choose "Navigation".

Menu items

Within the Navigation editor, select the "+ New" option to incorporate menu items.

Pick a menu item, designate the app for navigation, and modify the label and icon as necessary. The app will be instantly displayed on the canvas.

Add submenu items

To include submenu items, either click on the three dots (···) and select "Add submenu item," or drag the vertical ellipsis (⋮⋮) to create a hierarchical relationship between menu items.

A parent menu item can solely expand or collapse the submenu items; it cannot be linked to an app. Deleting a parent menu item results in the simultaneous removal of all submenu items associated with it.

Add URL parameters

Incorporate URL query parameters or hash parameters to a menu item by specifying the key and value.

Afterward, click on the menu item displayed on the canvas. The parameters will be added to the URL of the app intended to be opened. You can verify this in the "Globals" tab located in the left pane.

Access parameters from URL by using url.hash.key1 or url.query.key1 inside handlebars {{ }}

Visibility of menu items

By default, a menu item remains hidden for users without app permissions. Toggling this option off allows users to view the menu item but prevents them from accessing the referenced app.

Permissions

The rights granted for navigation are the same as those for modules and apps. For more information, check the section.

🖥️
🔗
Permissions for resources
Add submenu item
Drag & drop submenu items