AppMaster.io
HomeStudioJobsSuggest Feature
  • What is AppMaster.io?
  • Getting Started
    • App Architecture
    • Quickstart
    • Best Practices
    • FAQ
  • Projects
    • Creating a Project
    • Project sharing
  • MODULES (INTEGRATIONS)
    • Modules
    • Setup
    • Modules List
      • Mobile applications
      • Authentication
        • Auth
        • Sign-in with Google
        • Sign-in with Facebook
        • Sign-in with LinkedIn
        • Sign-in with Apple
        • Google OAuth 2.0
      • Security & Data Validation
        • Crypto
        • Validators
        • IP Filter
      • Payments
        • Stripe
      • Maps & GIS
        • Universal Map
        • Cities and Countries
        • Google Maps
        • MapBox
      • Messengers
        • Telegram
        • Slack
        • Intercom Messenger
        • Discord
      • Video Conferencing & Webinars
        • Zoom API
      • Mailings, advertising
        • Intercom API
        • Google AdMob
        • SendPulse
        • GetResponse
        • Mail Chimp
        • SMS messaging
          • ClickSend
          • Telesign
          • MessageMedia
          • SMSto
          • Twilio
          • Nexmo
      • Email
        • Custom SMTP
          • Custom SMTP and Gmail
        • Gmail API
        • Email (SMTP Client)
      • Media files
        • Youtube Player
        • Image
      • Docs
        • Google Sheets
        • Google Drive
      • Date & Time
        • ICalendar
      • Data Storages
        • Amazon S3
        • OpenStack SWIFT
      • Language translators
        • Microsoft Translator
        • Google Translate
        • DeepL Translator
      • Special modules
        • Autodesk Partner API
      • File Archives
      • Google Indexing
      • Barcode Scanner
      • CloudConvert
  • Data Design
    • What are data models
    • Data Models Designer
      • Creating and modifying data models
      • Creating and modifying relations
      • System fields
    • Data types
    • Relation types
    • Auto-generation of data models
      • Virtual Data Models
      • Modules data models
      • List of generated models
        • Data Model User
        • Data Model User Session
  • Business Logic
    • Business Processes Editor
    • Best Practices for BP Separation
    • Blocks List
      • Logic
        • If-Else
        • For Each Loop
        • Loop
        • Break Loop
        • Switch
        • Set Variable
        • Raise Error
        • Comparison
        • Type Conversion
          • Date & Time to String: Format Guide
      • Functions
        • Math
          • Operators
          • Random Integer/Float
          • Round Up/Down
          • Mod
          • Is Even Number
          • Array Operations
        • String
          • Random String
          • Concat Strings
          • String Length
          • Has Substring
          • Hash
          • Is Valid Email
          • To Lower/Uppercase
          • Trim String
          • Replace String
          • Get Char at Position
          • Split String
          • Slice String
          • Validate String (Regex)
        • Boolean
          • Logic AND
          • Logic OR
          • Logic NOT
        • Array
          • Append Array
          • Prepend Array
          • Concat Array
          • Array Size
          • In Array
          • Random Element
          • Shuffle Array
          • Array Element
        • Date & Time
          • Make Date/Time/Date & Time/Time Span
          • Expand Date/Time/Date & Time/Time Span
          • Add/Subtract Time Span
          • Current Date & Time
          • Date & Time Difference
          • Delay
        • File
          • Get File
          • Create File
          • Read CSV File
          • Read XLSX File
          • Read XLS File
        • Miscellaneous
          • App Info
          • Write to Log
          • Get Request Header
          • Set Response Header
          • Get Request Body
      • Model Functions
        • Search
        • GetOne
        • Delete
        • Create
        • Patch
        • Update
        • Expand
        • Make
        • External API Requests Data Models
          • Make APIRequestName URL Params Model In
          • Make APIRequestName Body Model In
          • Make APIRequestName Headers Model In
          • Make APIRequestName Query Model In
          • Expand APIRequestName Headers Model Out
          • Expand APIRequestName Response Status Model Out
          • Expand APIRequestName Body Model Out
        • Virtual Data Models
          • Make Virtual Data Model
          • Expand Virtual Data Model
      • User-Created BPs
      • External API Requests
      • Variables
      • Models
      • Enums
      • Group Auth
        • Registration
        • Authentication
        • Authorization
        • Logout
        • Change Password
        • Restore Password
        • Add User to Group
        • Remove User from Group
        • Get Current User
        • Generate Auth Token
        • Hash Password
        • Probe Password
      • Group Crypto
      • Group Validators
        • Validate OGRNIP RU
        • Validate OGRN RU
        • Validate SNILS RU
        • Validate INN RU
        • Validate KPP RU
        • Validate BIK RU
        • Validate IIN KZ
        • Validate Bank Card Number (Luhn)
        • Validate KS RU
        • Validate RS RU
    • Global Variables
    • External API Requests
    • FAQ
  • Endpoints (API)
    • Endpoints Configuration
    • Middleware
      • Middleware: Token Auth
    • Access & Permissions
  • WEB APPS
    • Web Applications Designer
    • Working with Components
    • Signup and Login Forms
    • Workflow in web applications
    • Components list
      • Container
      • Button
      • Dropdown
      • Table
      • View
      • Tabs
      • Switch
      • Label
      • Image
      • Video
      • Chart
      • Form
      • Input (string)
      • Input (text)
      • Input (integer)
      • Input (float)
      • Input (email)
      • Input (password)
      • Input (phone)
      • RichText Editor
      • Time Span
      • Date Picker
      • Time picker
      • DateTime Picker
      • Select
      • Select (enum)
      • Relselect
  • MOBILE APPS
    • Mobile Applications Designer
    • Creating a Mobile App
    • Mobile Designer Interface
    • Working with Screens
    • Working with Widgets
    • Publishing a Mobile App
      • Testing in AppMaster.io Developer App
      • Publishing to Google Play
        • Create Google Developer Account
        • Create Firebase Project
        • Register Android App & Download Config File
        • Generate & Download Private Key
        • Generate APK/AAB File
        • Upload App for Testing
        • Set Up Google Play Store Listing
      • Publishing to App Store
        • Create Apple Developer Account
        • Create Apple Bundle ID
        • Create App in App Store Connect
        • Create App Store Connect API Key
        • Generate Build & Upload to TestFlight
        • Submit App to App Store
  • DEPLOYMENT
    • Deployments Configuration
    • AppMaster.io Cloud Services
    • Data Export
    • Logs
  • How-To
    • Import CSV/Excel File
    • Buttons Setup
    • User Interface Layout
Powered by GitBook
On this page
  • Look&Feel Settings:
  • Workflow triggers:
  • Component Actions:
  • Button Get Properties:
  • Button Set Properties
  • Button Update Properties
  • Button Click
  • Button Reset State
  • Button Set Loading
  • Button Remove Loading
  • Button Enable
  • Button Disable
  • Button Show
  • Button Hide
  • Usage example:

Was this helpful?

  1. WEB APPS
  2. Components list

Button

PreviousContainerNextDropdown

Last updated 3 years ago

Was this helpful?

Look&Feel Settings:

Label (not mantory) to be used to show the component's label. Icon (not mantory) - button icon. Size (mantory) - standard button sizes. Type (mantory) - standard button layouts. Name (mantory) - this name will help you find this component in BP. Enabled (mantory) - availability of the button in the application. Is turned on by default. Visible (mandatory) - makes the component visible if turned on. Enabled by default.

Workflow triggers:

  • onCreate – fires when the element is created on the page;

  • onShow – fires when the component changes its state to visible (displayed on the page);

  • onHide – fires when the component changes its state to hidden (stops being displayed);

  • onDestroy – fires when the component is destroyed;

  • onClick - fires when the component is clicked.

Component Actions:

Button Get Properties:

Gets the button's properties

Input parameters:

  • Component Id [string] - button component's identifier.

Output parameters:

  • Label [string] - button's label;

  • Type [enum] - button's type;

  • Size [enum] - button's type;

  • Icon [enum] - button's icon;

  • Color [string] - button's color;

  • Visible [boolean] - button's visibility state;

  • Enabled [boolean] - button's enabled/disabled state;

  • Loading [boolean] - button's loading state.

Button Set Properties

Sets all button's properties Input parameters:

  • Component Id [string] - button component's identifier.

  • Label [string] - button's label;

  • Type [enum] - button's type;

  • Size [enum] - button's type;

  • Icon [enum] - button's icon;

  • Color [string] - button's color;

  • Visible [boolean] - button's visibility state;

  • Enabled [boolean] - button's enabled/disabled state;

  • Loading [boolean] - button's loading state.

Button Update Properties

Update the button's properties

Input parameters:

  • Component Id [string] - button component's identifier;

  • Label [string] - button's label;

  • Type [enum] - button's type;

  • Size [enum] - button's type;

  • Icon [enum] - button's icon;

  • Color [string] - button's color;

  • Visible [boolean] - button's visibility state;

  • Enabled [boolean] - button's enabled/disabled state;

  • Loading [boolean] - button's loading state.

Button Click

Performs a button click

Input parameters:

  • Component Id [string] - button component's identifier.

Button Reset State

Resets all button states to default

Input parameters:

  • Component Id [string] - button component's identifier.

Button Set Loading

Sets the loading state to true

Input parameters:

  • Component Id [string] - button component's identifier.

Button Remove Loading

Sets the loading state to false Input parameters:

  • Component Id [string] - button component's identifier.

Button Enable

Sets the enabled state to true

Input parameters:

  • Component Id [string] - button component's identifier.

Button Disable

Sets the enabled state to false

Input parameters:

  • Component Id [string] - button component's identifier.

Button Show

Sets the visible state to true

Input parameters:

  • Component Id [string] - button component's identifier.

Button Hide

Sets the visible state to false

Input parameters:

  • Component Id [string] - button component's identifier.

Usage example:

For example, using a button to open a modal window