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
  2. Customize a screen

Add new component to screen

PreviousScreen ActionsNextScreen Visibility

Last updated 2 years ago

Components allow you to customize the appearance and functionality of a screen in NotionApps. By adding a component, you can show or update specific fields in a more visually appealing and user-friendly way. Here's how you can add a component to a screen:

  1. Go to a secondary screen, such as View Item, by clicking on a row in a List screen OR by clicking the "Go To Screen" button in the screen configuration section.

  1. Once you're on the secondary screen, click on the plus (+) button in the screen configuration section.

  1. In the panel that opens up, you can either select a logic based on the field you want to show, and a default component will be added to the screen (which you can customize later). Alternatively, you can select a specific component from the "Components" section and change its field to the desired field.

  1. Customize the component as per your preferences. You can adjust its appearance, layout, and functionality by using the customization options available.

๐Ÿ‘ฉโ€๐Ÿ”ง
๐Ÿ“š