Flower Docs
  • OpenFlower overview
    • The "Hello World" tutorial
  • Videos
    • OpenFlower in 100 seconds
  • ๐Ÿ†•Setup and run
    • Cloud & Private Cloud
    • Self-hosting
      • Access local database or API
      • Google Cloud Platform
      • Heroku
      • Migration from Openblocks
      • Update MongoDB Versions
      • OpenFlower Version Update
      • Traefik loadbalancer
      • SMTP Server
    • Security
  • ๐ŸจWorkspaces & Teamwork
    • Workspaces
    • Members and Groups
    • Permissions for Resources
    • OAuth
      • KeyCloak
      • Google
      • GitHub
      • Generic OAuth Provider
    • Query library
    • OpenFlower Marketplace
  • โœจBuild Applications
    • Create a new App
      • Modules
      • Version and Release Management
    • App Editor
      • Visual Components
        • Common Component Settings
        • File upload
        • Charts and graphs
        • Image
        • Option lists
        • List View
        • Drawer
        • Google Maps
        • Table
        • Messages / Toast
        • Calendar
      • Date handling
      • Bulk Editing
      • Layers
      • Data selection & Javascript
      • Use Markdown
      • Keyboard shortcuts
    • App Navigation
    • App Interaction
      • Event handlers
    • Themes & Styling
      • Design an efficient and user-friendly form
      • Customize Styles
      • Component Styling Possibilities
  • ๐Ÿš€Connect your Data
    • Data source basics
    • Data sources in OpenFlower
      • APIs as Datasource
        • REST API
        • GraphQL
        • Google Sheets
      • SQL Databases
        • MySQL
        • MariaDB
        • PostgreSQL
        • Microsoft SQL Server
        • Oracle
      • NoSQL Databases
        • MongoDB
        • CouchDB
        • DynamoDB
      • InMemory Databases
        • Redis
      • File Storages
        • S3 File Storage
      • BigData & OLAP
        • Big Query
        • Snowflake
        • ClickHouse
        • Elasticsearch
      • Websocket Datasource
    • Query basics
      • Bind Query Data to Components
      • Query library
  • ๐Ÿช„Workflows
    • n8n Integration
  • ๐Ÿ’ซBusiness Logic in Apps
    • Write JavaScript
      • JavaScript query
      • Temporary state
      • Transformers
      • Data responder
      • Built-in JS functions
  • ๐Ÿ™ŒPublish Apps
    • Share an App
    • Publish an App
    • Embedd an App
      • Embed Apps in React
      • Native embed SDK
        • Build the SDK from Source
  • ๐Ÿ”ฅOpenFlower Extension
    • Opensource Contribution
      • Develop UI components for Apps
      • Develop Data Source Plugins
    • Use third-party libraries in Apps
      • Day.js Date handling
      • Import your own JavaScript Library
    • Custom component
    • OpenFlower Open REST API
Powered by GitBook
On this page
  • Built-in keyboard shortcuts
  • Global
  • App editor
  • Component
  • Query editor
  • Text editor
  • Custom keyboard shortcuts
  1. Build Applications
  2. App Editor

Keyboard shortcuts

Built-in keyboard shortcuts

Keyboard shortcuts are a powerful tool that can greatly improve productivity and efficiency when working on a computer. With the ability to assign custom keystrokes to frequently used commands, tasks can be completed quickly and with minimal effort. This is particularly useful for individuals who rely heavily on keyboard input, such as programmers, writers, or designers.

Keyboard shortcuts have been around for decades, and most software applications come with a set of default shortcuts. OpenFlower offers built-in keyboard shortcuts to help you work on the interface faster and more efficiently with improved controlling precision.

Global

Global keyboard shortcuts across OpenFlower interfaces.

Shortcut
Description

?

Toggle keyboard shortcuts

App editor

Keyboard shortcuts in the App editor.

Shortcut
Description

โŒ˜ + B

Toggle left pane

โŒ˜ + J

Toggle bottom pane

โŒ˜ + U

Toggle right pane

โŒ˜ + .

Toggle all panes

โŒ˜ + โ‡ง + P

Preview

โŒ˜ + Z

Undo

โŒ˜ + โ‡ง + Z

Redo

โŒ˜

Show grid

Component

Keyboard shortcuts to control components.

Shortcut
Description

โŒ˜ + Click

Select multiple

โŒ˜ + A

Select all

โŒ˜ + C

Copy

โŒ˜ + X

Cut

โŒ˜ + V

Paste

โ† โ†‘ โ†’ โ†“

Move

โŒ˜ + โ† โ†‘ โ†’ โ†“

Resize

DEL/Backspace

Delete

ESC

Deselect

Query editor

Keyboard shortcuts in the Query editor.

Shortcut
Description

โŒ˜ + โ†ต

Run current query

Text editor

Keyboard shortcuts in the Text editor.

Shortcut
Description

โŒ˜ + L

Format

โŒ˜ + Click

Open in left pane

Custom keyboard shortcuts

You can define custom keyboard shortcuts at app-level. Go to โš™๏ธ on the left side-bar > App settings > Custom shortcuts. Click + Add to add new shortcuts for specific actions. Then, you can click a custom shortcut to midify it or click the three dots ยทยทยท to delete it.

OpenFlower keyboard shortcuts are better set to avoid conflicts with the browser's keyboard shortcuts, in case they can not be successfully triggered.

PreviousUse MarkdownNextApp Navigation

Last updated 7 months ago

โœจ