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
  1. Customize App

Customize a screen

PreviousAdd New Item/Add FormNextFiltering or Sorting Items

Last updated 1 year ago

To customize a screen on NotionApps, follow the steps below:

  1. Open the app builder and select the screen that you want to customize from the app preview (in the center of the app builder).

  2. The configuration section for the screen is visible on the right side of the app builder.

A screen can have customizations based on the type of screen. For example, list screens like View Items or Update Items have customizations for filtering, sorting, or in-app filtering items. Screens like View Single Item allow for customizations by adding different components to represent the item/page, such as text, images, or buttons.

  1. In the configuration section, you can configure various options such as the layout of the screen, the visibility of fields, the display of images, and more.

As you make changes, they will reflect in the mobile preview in the center of the app builder. These changes are automatically saved but only show up on your link after publishing the app.

Over the next pages, we will talk about specific customizations for these screens.

๐Ÿ‘ฉโ€๐Ÿ”ง