Product Docs
Home
  • ๐Ÿ‘‹Welcome to NotionApps
  • ๐Ÿค‘Lifetime deal (Now expired)
  • ๐Ÿ‘จโ€๐ŸณHire an expert
  • Basics
    • ๐Ÿ’กConnect Notion
    • โœจCreate an app
    • ๐ŸŒŽShare App
      • ๐Ÿš€Publish
      • ๐Ÿ”—Share App Link
    • ๐ŸกAdd To Home Screen
    • ๐Ÿ—„๏ธManage Workspaces
    • ๐ŸŠSwitch Workspaces
    • ๐Ÿ”ƒReload Data (from app builder)
    • ๐ŸŽReload Data (from app)
    • ๐Ÿค–Automatic Reload Data
  • Customize App
    • ๐ŸŽ๏ธApp Navigation
    • ๐ŸŽจApp Icon, Colour, URL
    • ๐Ÿ”—Custom Domain
      • ๐Ÿ’ฐBuy Additional Custom Domains
    • โž•Add New Screen
    • ๐ŸคนTypes of Screens
      • ๐Ÿ‘€View Items
      • ๐Ÿ‘†View One Item
      • Update One Item
      • ๐Ÿง‘โ€๐Ÿ”งUpdate Items/Update Form
      • ๐Ÿ†•Add New Item/Add Form
    • ๐Ÿ‘ฉโ€๐Ÿ”งCustomize a screen
      • โŒ›Filtering or Sorting Items
      • ๐Ÿ“ฒIn-app Filtering
      • ๐Ÿค–Screen Actions
      • ๐Ÿ“šAdd new component to screen
      • ๐Ÿ™ˆScreen Visibility
    • ๐Ÿ‚Type of Components
      • ๐Ÿ‘“View Data Components
      • ๐Ÿ–Š๏ธAdd/Update Data Components
      • ๐Ÿ“Location Viewer Component
      • Signature Component
    • ๐Ÿ™ˆComponent Visibility
    • ๐Ÿ‘ฉโ€๐Ÿ’ปBarcode/QR Code Scanner
    • โ†ช๏ธForm Submit Redirection
    • โš›๏ธFormulas & Rollups
    • โ†—๏ธRelations
    • ๐Ÿ“„Show Page Content
    • ๐Ÿ–ฅ๏ธDesktop View
  • Users
    • ๐Ÿ”Private apps
    • ๐Ÿ˜ŽCreate Users Database
    • ๐Ÿ˜ŠAdd/Remove users
    • ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘App Users
    • ๐Ÿ™‹Data Restriction
    • ๐Ÿ†•Sign up
  • Integrations
    • Introduction
    • Google Login
  • Crisp Chat
  • Enterprise SSO
  • Frequently asked questions
    • ๐Ÿ‘ฉโ€๐ŸญApp builder changes donโ€™t show up in the final application
    • ๐ŸŽขSome rollup properties do not show up in the app builder
    • ๐Ÿ™†โ€โ™€๏ธGuest users don't show up in the dropdown component
    • ๐ŸซDoes NotionApps provide any discounts for non-profits?
    • ๐Ÿ–ผ๏ธMy images load slowly. How do I improve it?
    • โšกHow do I add new tags to dropdown/multi-select components?
    • ๐Ÿ–‡๏ธHow do I show internal page links in the Show Page Content component?
    • 0๏ธWhy are my rollups on NotionApps showing the value as zero (0)?
    • ๐ŸกHow do I add a Home Page to the app?
    • ๐Ÿ‘ฎโ€โ™€๏ธHow to enable third-party cookies?
    • I signed up using Google but now want to sign up using email/password. How can I do that?
  • Video Tutorials
    • ๐Ÿ†•Create new app
    • ๐ŸŽณConfigure custom domains
    • ๐Ÿ”“Private apps
    • ๐Ÿ”User-Specific data (limit rows based on logged-in user)
  • Use Cases
    • ๐Ÿ‘ฉโ€๐Ÿ’ผClient Portal
    • ๐Ÿ”Member Portal
    • ๐Ÿ›ฃ๏ธField Operations
    • ๐Ÿ—’๏ธTask Tracker
    • ๐Ÿ‘ฉโ€๐ŸŽ“Student Portal
    • ๐Ÿ›Bug Tracker
    • ๐ŸคนOnline Course
    • ๐ŸŽฏCRM & Sales
    • ๐Ÿง‘โ€๐Ÿ’ผEmployee Directory
    • ๐Ÿ’ผBusiness Portfolio
    • ๐ŸŒปCatalogue
    • ๐Ÿคธโ€โ™‚๏ธFitness Center
    • ๐Ÿ‘ฉโ€๐ŸซCoaching
  • Archive
    • ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘[Legacy] Internal/External Users
Powered by GitBook
On this page
  • Switch between mobile and desktop app previews
  • Show mobile view on desktop devices
  1. Customize App

Desktop View

PreviousShow Page ContentNextPrivate apps

Last updated 11 months ago

NotionApps provides a full-width desktop experience on larger devices such as laptops, monitors, etc.

Switch between mobile and desktop app previews

In the app builder, you can switch between mobile, desktop, and expanded previews for your application.

Tip: Use shortcut keys to open previews quickly: m โ†’ mobile view

d โ†’ desktop view

e -> open expanded view/close expanded view

Show mobile view on desktop devices

While the full-width desktop view is the default experience on larger devices, you can configure the app to show a mobile view on these devices. This can be useful for applications that are primarily mobile-only. Please follow this step-by-step guide to enable this behaviour:

  1. Go to the app builder

  2. Go to the settings of the app

  3. Enable "Show mobile view on desktop"

  1. Publish your application

Now, you will see a mobile view if you open your application on a laptop or any other larger device.

๐Ÿ–ฅ๏ธ
Mobile view
Desktop view
Click to expand to full-width
Full width view
Close expanded view
Show mobile view on desktop