AppMaster.io
Home
Studio
Jobs
Suggest Feature
Search…
English
What is AppMaster.io?
Getting Started
App Architecture
Quickstart
Best Practices
FAQ
Projects
Creating a Project
Project sharing
MODULES (INTEGRATIONS)
Modules
Setup
Modules List
Data Design
What are data models
Data Models Designer
Data types
Relation types
Auto-generation of data models
Business Logic
Business Processes Editor
Best Practices for BP Separation
Blocks List
Global Variables
External API Requests
FAQ
Endpoints (API)
Endpoints Configuration
Middleware
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
DEPLOYMENT
Deployments Configuration
AppMaster.io Cloud Services
Data Export
Logs
How-To
Import CSV/Excel File
Buttons Setup
User Interface Layout
Powered By
GitBook
Tabs
The element is used to separate information on the page.
Look&Feel Settings:
Name
(mandatory) - name of the tabs.
Size
(mandatory) - tab size.
Style type
(mandatory) - tab style.
Tab postion
(mandatory) - tab lauout.
Animation
(mandatory) - tab switching animation.
Visible
(mandatory) - makes the component visible if turned on. Enabled by default.
Tabs
In this section you can add, remove and edit tabs
Workflow triggers:
onCreate
– fires when the component 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;
onTabsSelect
- fires when the tab is selected.
Component Actions:
Tabs get Properties
Gets tabs properties
Input
parameters:
Component Id
[
string
]
-
tabs component's identifier.
Output
parameters:
Style
[
enum
] - tabs size;
Style type
[
enum
] - tabs style;
Tabs position
[
enum
] - tabs layout;
Animation
[
boolean
] - animation state;
Default Tab Key
[
integer
] - default tab number
;
Active Tab Key
[
integer
] - active tab number;
Visible
[
boolean
] - visibility state.
Tabs Set Properties
Sets all tabs properties
Input
parameters:
Component Id
[
string
]
-
tabs component's identifier;
Style
[
enum
] - tabs size;
Style type
[
enum
] - tabs style;
Tabs position
[
enum
] - tabs layout;
Animation
[
boolean
] - animation state;
Default Tab Key
[
integer
] - default tab number
;
Active Tab Key
[
integer
] - active tab number;
Visible
[
boolean
] - visibility state.
Tabs Update Properties
Update tabs properties
Input
parameters:
Component Id
[
string
]
-
tabs component's identifier;
Style
[
enum
] - tabs size;
Style type
[
enum
] - tabs style;
Tabs position
[
enum
] - tabs layout;
Animation
[
boolean
] - animation state;
Default Tab Key
[
integer
] - default tab number
;
Active Tab Key
[
integer
] - active tab number;
Visible
[
boolean
] - visibility state.
Usage example:
Previous
View
Next
Switch
Last modified
3mo ago
Copy link
Outline
Look&Feel Settings:
Tabs
Workflow triggers:
Component Actions:
Tabs get Properties
Tabs Set Properties
Tabs Update Properties
Usage example: