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
  • App or Module?
  • Create a new Application or Module
  • Export and import an app
  • Export an app
  • Import an app
  1. Build Applications

Create a new App

PreviousOpenFlower MarketplaceNextModules

Last updated 7 months ago

App or Module?

A is a special type of App, which can be re-used inside of other Modules or Apps and especially it is possible to the Module directly in your native Web-Application outside of OpenFlower.

The Editor for Apps and Modules is the same, only Modules have some extra settings and parameters regarding the embedding.

If you would like to or re-use your Application, choose "Module". If you want only to build a fullscreen Application and eventually hang it in a Navigation, use "App".

Be aware that nested Modules "in each other" can cause a slowdown of the Application. It is always a consideration of listed elements in terms of the re-usability of child components or faster Application behavior. When creating Modules, testing regarding the speed of the overall Application and consumption of resources is necessary.

Create a new Application or Module

Click New > App (or Module) on the upper right of OpenFlower Admin Page. The App or Module will get created and the view switches automatically to the App Editor.

Only workspace admins and members of Developers group can create apps.

You can rename the App at the left-top of the App editor.

Export and import an app

Export an app

Apps can get exported to a JSON Definition file at multiple places. For example, click your app name and select Export to JSON, the app will be exported to a JSON file.

Import an app

You can import an existing app in a JSON format by clicking New > Import.

✨
Module
embed
embed
Creat Applications with the upper right button.
Renaming an App with the top left Menu