UI Bakery Docs
Sign In Roadmap Release notes
Sign InRoadmapRelease notes
  • What is UI Bakery?
  • Video intro (7 mins)
  • Building blocks
  • Security
  • Getting started
  • AI Assistant
  • Starter Guide
    • Create an app
    • Explore the interface
    • Mobile layout
    • Read and write data
      • Connect a data source
      • Load & display data
      • Send data & update records
      • Mocking data
    • Deploy and share applications
    • Tutorials
      • Project Dashboard on top of Airtable data
        • I. Connecting to Data Source
        • II. Working with data and customizing the interface
        • III.Working with Details component
        • IV. Adding visualization components
        • V. Adding data and navigating the application
        • VI. Deploying and sharing the application
      • Customer Support Dashboard on top of Google Sheets
        • I. Connecting to data source
        • II. Representing data inside different components
        • III. Working with metrics and charts
        • IV. Adding new data
        • V. Deploying and sharing the application
      • Customer Orders Tracking Dashboard on top of MySQL
        • I. Connecting to Data Source
        • II. Displaying and filtering data in a Table
        • III. Adding statistical metrics
        • IV. Adding Form to add new data
        • V. Adding details page related to multiple Tables
        • VI. Adding visualization metrics
        • VII. Deploying and sharing the app
  • Build your apps
    • Components
      • Components basics
      • Component methods
      • Upgrading components
      • AWS S3 uploader
      • Accordion
      • Alert
      • Avatar
      • Boolean
      • Bubble map
      • Button
      • Card
      • Chart
      • Chat
      • Checkbox
      • Collapsible card
      • Color picker
      • Composite form
      • Container
      • Context menu button
      • Currency
      • Currency input
      • Custom component
      • Date picker
      • Date & time
      • Date & time picker
      • Detail
      • Divider
      • Email input
      • File
      • File dropzone
      • File picker
      • Flex container
      • Form
      • Frame drawer
      • Grid view
      • Heading
      • Horizontal menu
      • Icon
      • iFrame
      • Image
      • Image picker
      • JSON editor
      • JSON viewer
      • Link
      • List view
      • Map
      • Menu
      • Metric
      • Modal
      • Multi-select
      • Number
      • Number input
      • Password input
      • PDF viewer
      • Percent
      • Pop-up form
      • Progress bar
      • QR code
      • Reusable header
      • Range slider
      • Rating
      • Select
      • Signature
      • Slider
      • Steps
      • Stepper
      • Table
        • Conditional formatting based on cell value
        • Display name instead of ID for relation
        • Row context referencing
        • Select multiple table rows
        • How to Highlight Text in a Table Using mark.js
      • Tabs
      • Tabset
      • Tags
      • Text
      • Text annotate
      • Text input
      • Time picker
      • Toggle
      • Tree component
      • Unrestricted custom component
      • Video
      • Dynamic structure properties
      • Card (deprecated)
      • Input (deprecated)
    • Work with components
      • Validate user input
      • Link components
      • Create a single form to add and update data
      • Search table based on input value
      • Open modal programmatically
      • Server-side pagination
      • Manage Date object time zones
      • Role-based menu items
      • Field types & types recognition
      • Expand component to fill screen/container
      • Control component's visibility
    • Theme editor
      • Change theme from the app
    • Actions
      • Action basics
      • Additional action settings
        • Customizing error messages
      • Logs and debugging
        • Debugging actions performance
      • Use actions.name.trigger ()
      • Azure blob storage query
      • Bulk Create Rows action
      • Bulk Delete Rows action
      • Code action
      • Condition action
      • Create Row action
      • Delete Row action
      • DynamoDB request
      • Execute another action
      • Firebase query
      • Generate file action
      • GraphQL query
      • HTTP request
      • Interval action
      • Load table action
      • Load Row action
      • Loop action
      • MongoDB command
      • Navigation
      • Open API request
      • Python backend code
      • Redis command
      • S3 query
      • Save to local storage action
      • Save to state action
      • Show notification action
      • Slack message action
      • SMTP request
      • SSH command
      • SQL query
      • Update Row action
    • Server actions
    • Actions library
    • Modules
    • Variables
    • App State variables
    • JavaScript files
    • Local Storage
    • Data mapping & transforming
    • Writing SQL Queries
    • Apps security
    • Troubleshooting
    • Performance
  • Data sources
    • Data sources
      • Data source environments
      • Airtable
      • Amazon S3
        • S3 compatible endpoints (DigitalOceans spaces)
      • AWS API
      • AWS Athena
      • AWS Lambda
      • Azure blob storage
      • BigQuery
      • Databricks
      • DynamoDB
      • Exasol
      • Firebase
      • Firebase (client side SDK)
        • Firebase Authentication
        • Realtime Database
        • Cloud Firestore
        • Firebase libraries
      • GitHub
      • Google Sheets
      • GraphQL
      • HTTP
        • API Authentication
      • HubSpot
      • JDBC
      • MariaDB
      • MongoDB
      • MySQL
      • OpenAI
      • Open API
      • Oracle
      • PostgreSQL
      • Presto
      • Redis
      • Redshift
      • Salesforce
      • SAP HANA
      • SMTP
      • SendGrid
      • Snowflake
      • Spanner
      • SSH
      • Stripe
      • SQL Server
      • Twilio
      • UI Bakery AI
    • Connecting local database via ngrok
    • SSH Tunneling
  • Workspace management
    • Workspace settings and user permissions
      • Account & Workspace
      • Invite users to your workspace
      • Custom roles
    • Audit logs
    • Release Management
    • Multi-factor authentication
  • Automations
    • Automations
    • Environment and release strategy
    • Git in Automations
    • Using external Node libraries
    • Troubleshooting
  • Database
    • UI Bakery Database
  • How Tos
    • Modify components with CSS
    • Add navigation to application
    • Load user specific data with {{user.email}} variable
    • Read query params from URL
    • Hide loader in the Embedded mode
    • Use external JS libraries
    • Generate PDF document
      • Print PDF files
    • CSV import
    • CSV export
    • Parsing and sending XML
    • Uploading the files
    • Upload files to Amazon S3
    • Display files from Google Drive and Dropbox
    • Implement custom validation
    • Communicating through the Iframe component
    • Implementing custom app hotkeys
    • Implementing row-level security
  • On-premise
    • UI Bakery on-premise
    • Installing on-premise version
      • Azure Virtual Machine
      • Azure container instance
      • AWS EC2 instance
      • Google Cloud Compute Engine VM instance
      • Kubernetes
      • AWS EKS with Fargate
      • DigitalOcean 1-click droplet
      • Manual w/ docker compose
      • Manual w/ docker run
      • Windows installation
      • UI Bakery in production
      • Generate custom secrets
      • Google Kubernetes Engine
      • Troubleshooting
    • Updating Environment Variables
    • Updating on-premise version
    • Updating license key
    • Running a standalone database instance
    • Setting up a domain name
    • SSO
      • OpenID
        • Google OAuth2
        • Okta ODIC
        • Azure AD OAuth2
        • Token refresh
      • SAML
        • Okta SAML
        • Azure AD SAML
      • Role synchronization
      • Multiple SSO
      • Logout redirect
      • Troubleshooting
    • SCIM 2.0
    • Instance API
    • Git source control
      • Getting started
      • Managing multi-instance deployment
      • Custom PR URL
      • Automate GitHub releases
      • Automate GitLab releases
      • Automate Bitbucket releases
    • Email configuration
    • Google Sheets connection setup
    • Salesforce connection setup
    • Branding
    • Embedding
    • Setting up SSL on Ubuntu
    • Configuring custom certificate authority
    • Custom base URL
    • Getting requests to the local network
    • External analytics
    • Azure blob storage configuration
    • Activating features under a feature flag
    • Adding python backend code to existing installation
    • Create an application from UI Bakery template
    • UI Bakery Postgres
    • Environment variables
Powered by GitBook