Appizap
  • Appizap Overview
  • Build Apps
    • On-boarding Flow
    • Ideas to Apps using AI
    • Create a new app
    • App Configuration
      • App Overview
      • General Settings
      • Domain Settings
      • Version Release & Management
      • App Assets
      • Auth Settings
    • UI Builder
      • Module
      • Menu Navigation
      • Version Logs & Restore
      • Keyboard Shortcuts
    • GUI, Themes & Styles
    • Event handlers
    • Write JavaScript
      • JavaScript within {{ }}
      • JavaScript Query
      • Transformers
      • Temporary State
      • Data Responder
      • Built-in JavaScript Functions
      • Use Third-party Libraries
    • How-to-use
      • Welcome to Appizap!
      • FAQ
  • Appizap Dashboard
    • Your Apps
    • Database
    • Workflows
    • Media & Files
    • Query Library
    • Audit Logger
    • Templates
  • Workspaces
    • Workspace Settings
    • User Authentication
    • User Groups
    • Themes
    • Advanced
  • Appizap Concepts
  • Appizap Studio
    • Data Browser
      • Screen, Modules & Navigations
      • Active Components
      • In-App Modals
      • Data Queries in your App
      • Global Data Variables
    • Layers
    • Screen Settings
    • Debugger
    • Data Queries
    • Widget Library
      • Link
      • Icons
      • Steps
      • Button Group
      • Form Button
      • Grid
      • Responsive Grid Layout
      • Drawer
      • Navigation
      • Cascader
      • Comment
      • Mention
      • Collapsible Container
      • Rich Text Editor
      • Input
      • Modal
      • Text Display
      • Number Input
      • Password
      • List View
      • Date
      • Checkbox
      • Radio
      • Switch
      • Multi Select
      • Dropdown
      • File Upload
      • Phone Number Input
      • Download Pdf Button
      • Image
      • Divider
      • Progress Circle
      • Progress
      • Form
      • JSON Schema Form
      • Container
      • Tabbed Container
      • Table
      • Date Range
      • Time
      • Time Range
      • Toggle Button
      • Segmented Control
      • Rating
      • Timeline
      • Slider
      • Range Slider
      • Control Button
      • File Viewer
      • Image Carousel
      • Lottie Animation
      • Tree
      • Tree Select
      • IFrame
      • Calendar
      • Custom Component
      • Auto Complete
      • Chart
      • Graph Chart
      • Treemap Chart
      • Basic Chart
      • Geo Map Charts
      • Funnel Chart
      • Candlestick Chart
      • Select
      • Audio
      • Caller
      • Text Area
      • Responsive Flex Layout
      • Timer
      • Image Editor
      • AI Component
    • Component Specific Actions
  • Database
    • Connect DB
    • Build Internal DB
      • Arrays
      • Indexes
      • Using JSON Type
      • Cascade Delete
      • Data Load and Import
    • Data Sources
      • Connect Data Sources
        • Big Query
        • ClickHouse
        • CouchDB
        • DynamoDB
        • Elasticsearch
        • MariaDB
        • Microsoft SQL Server
        • MongoDB
        • MySQL
        • Oracle
        • PostgreSQL
        • Redis
        • Snowflake
      • Connect APIs
        • REST API
        • GraphQL
        • Google Sheets
        • S3
        • OpenAPI
        • Firebase
        • WooCommerce
        • OpenAI
        • Athena
        • Lambda
    • Query Library
    • Storage
      • Buckets
      • Uploads
      • Objects
  • Appizap Workflow Builder [Pro]
    • Workflows
      • Create a workflow
      • Nodes
      • Connections
      • Sticky Notes
      • Tags
      • Import and Export
      • Templates
      • Sharing
      • Settings
      • History
      • Find Workflow ID
    • Build Flow Logic
      • Conditional Nodes
      • Data Merging
      • Looping
      • Waiting
      • Sub-Workflow
      • Execution Order
    • Data Handling
      • Data Structure
      • Transforming data
      • Use Code
      • Mapping using UI
      • Data Item Linking
      • Data Pinning
      • Data Editing
      • Data Filtering
      • Data Mocking
      • Binary Data
    • Editor UI
    • Credentials
      • Create and Edit
      • Sharing
    • Integrations
      • Node Types
      • Core Nodes
      • Actions
      • Triggers
      • Credentials
      • Custom API Operations
    • Error Handling
      • Errors related to memory
    • Keyboard Shortcuts
  • Security & Compliance
  • Terms & Conditions
  • Privacy Policy
  • User Guide
    • Getting Started
    • Admin Console
    • Data Maintenance
Powered by GitBook
On this page
  • Widgets
  • Styles
  • Data Browser
  • Events
  • Actions
  • Modules
  • Queries
  • Data Sources
  • Javascript
  • Component Specific Actions
  • Access Values

Appizap Concepts

The concept section provides a detailed explanation of the fundamental definitions of the various components that make up the product.

PreviousAdvancedNextAppizap Studio

Last updated 4 months ago

This section defines each conceptual element of Appizap, and how they contribute to the overall functionality of the product. The section aims to provide a comprehensive understanding of the key concepts that form the foundation of the product. It breaks down complex ideas into simpler terms, making it easier for readers to grasp the essence of each element.

This enhanced understanding fosters a more efficient and productive partnership between users and the product. By providing insight into the concepts and features of the product, it enables users to maximize the benefits and potential of the product in their activities.

Widgets

Widgets are foundational components used for application development, acting as pre-determined elements that can be easily placed on the canvas through drag-and-drop action.

Widgets allow users to easily put together a fully operational and visually attractive application without the need to start coding from the beginning. With the help of widgets, users can save time and effort during the development process. These pre-built components can be customized to meet specific requirements and preferences, making it easier for users to create a unique and customized application.

Refer to for more information.

Styles

Apizap's CSS feature provide simple and effective methods to improve the overall look and user experience of your project.

Enhancing the visual appearance of your application can make it more engaging and user-friendly for your audience. Appizap offers a user-friendly interface for styling components, making it easy for users of all skill levels to customize the appearance of their application.

Appizap offers a solution that allows for consistent and cohesive styling across all applications, while also offering a distinct approach to customizing the appearance of individual apps.

Data Browser

Acts as a user-friendly tool that provides a visual interface for users to access information pertaining to each individual element found within the application.

Users can access and observe the data associated with the user interface components and the corresponding backend queries simultaneously. This capability enables users to effectively diagnose and resolve issues. The data browser section presents global information, including the current user's details.

In general, it functions as a valuable tool for users to comprehend and oversee their application usage in real-time.

Events

Events are triggered by actions like button clicks or query completion. They can be linked to perform a series of operations.

Establishing event handlers to control triggers and corresponding responses is a simple and direct task within Appizap. For example, when creating an event that is activated by clicking a button, you can easily access the button component's settings, select the option for a new event handler, and proceed to specify the particular event and action to be executed.

Imagine you have a situation where data needs to be updated upon a user clicking a button, and you also wish to show a notification when the data refresh is successful. With Appizap, you have the ability to set up an event that initiates the data refresh upon button click, and then configure another event to prompt a notification once the data refresh process is successfully executed.

Actions

Actions serve as multifaceted functions that can be activated by various events occurring within an application.

Depending on how users engage with the app, actions can be customized to showcase notifications, execute searches, navigate between different pages, and carry out a variety of other functions.

In addition to these key actions, Appizap also provides options for users to navigate seamlessly between different Appizap apps, effectively manage modals for improved user interaction, copy text to the clipboard for quick sharing, set temporary state value for data persistence, and create downloadable files from application data for easy access and sharing.

Modules

The concept of developing modules is one of the key plans behind Appizap architecture.

Developing and reusing modules for the same functionality among various apps is a strategic approach that can streamline the app development process and can improve maintainability of the code.

By modularizing the code, developers can easily implement the same features in different apps without starting from scratch each time. This helps streamline the development process and maintain consistency across different projects.

Queries

Queries serve as a link between applications and data sources. They allow interaction with databases or APIs to retrieve or modify data in response to events, making applications dynamic.

Query Library helps you to define queries from Appizap dashboard. The Query Library stores and provides access to all queries. New queries can be created to connect to established data sources for easy information retrieval.

Data Sources

Data sources are important for accessing and exchanging data from various sources like databases, APIs, and services. Configured data sources can be used across all apps in a workspace.

In addition to its own internal database, Appizap offers compatibility with various external data sources that fall into three main categories: databases, external APIs, and services. These external data sources allow users to access a wide range of information and integrate it seamlessly into their applications.

Javascript

Javascript allows users to create and run personalized code within their applications, offering a versatile method to incorporate logic and engage with diverse components.

The JavaScript code you create has the capability to engage with different elements of the Appizap application. One illustration of this is the ability to assign an event handler to a button, which upon clicking, activates the execution of the JS code.

Component Specific Actions

Component specific actions are the actions that are exclusive actions for a particular component. They can be triggered either through the event handlers or using low-code.

They can be initiated and executed through event handlers, which are functions that respond to specific user actions or events within the application, or through the use of a low-code platform, which allows users to create applications with minimal coding requirements.

Access Values

Double curly braces {{}} serves the purpose of retrieving data obtained from queries, extracting information associated with components, and executing custom code

By incorporating custom JavaScript code within double curly braces, you have the ability to manipulate various aspects of your app. This allows you to precisely control colors, activate or deactivate properties, and implement other interactive elements on your app.

{{form1.data.textinput1 == "" ? true : false}}

Refer to for more information.

Refer to for more information.

Refer to for more information.

Refer to for more information.

Refer to for more information.

Refer to for more information.

Refer to for more information.

Refer to for more information.

Refer to for more information,.

Refer to for more information.

Themes and Styles
Data Browser
Events
Actions
Module
Query Library
Data Sources
Javascript
Component Specific Actions
Javascript within {{}}
Widgets