Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

Creation of a Mobile Application that Adds a User Contact According to the Specified Parameters.

Creation of a Mobile Application that Adds a User Contact According to the Specified Parameters.

A variety of business process blocks in AppMaster allow you to build a variety of logic in mobile and web applications. This article considers an example of a simple mobile application that creates a user contact according to the specified parameters. Most of the application settings are omitted and not presented in detail in this article (such as setting the onLaunch trigger).

The main logic is implemented using the pre-installed Add contact business process block.

  • Name [string];
  • Phone number [phone]
  • Email [email]
  • Position [string]
  • Company [string]
  • Birthday [date]

low code

First, you need to install the Mobile apps module in your application. This module is located in the Modules section.

no-code

After installing the module, go to the mobile app designer tab and remove all auto-generated screens, except for the Sign In Screen. The authorization business process is generated. You can read about customizing the authorization business process at this link.

no-code

Next, an empty screen (View) is created and filled with functional elements. Text Field for Name; Phone Field for a Phone number; Email field for Email and Date Picker for Birthday. The interface looks like this:

low code

The logic for adding a contact is a business process that starts with the onTap trigger of the Add contact button and looks like this:

no-code AppMaster

  • InputString Get Properties - gets the name value (Name) from the Text Field widget;
  • InputEmail Get Properties - gets the email value (Email) from the Email Field widget;
  • InputPhone Get Properties - gets the phone number (Phone number) from the Phone Field widget;
  • Datepicker Get Properties - gets the birthday date (Birthday) from the Date Picker widget;
  • Add Contact - receives input values from the above inputs and creates a contact on the user's smartphone.

The last thing left is to set up navigation when loading the app. Navigation is configured using the launch trigger in the Triggers & Actions section. 

no-code

Navigation is done using the Navigate block. The Navigation type at application startup (onLaunch) must always be root. In our example, the user must first go to the Sign In screen, so this screen is specified in the Screen property of the Navigate block.

no-code

Don't also forget to edit the authorization business process so that in case of successful authorization, the Screen property of the Navigate block points to the screen we created for adding a contact to the user's address book.

Thus, in this article, the principle of using the Add Contact block in mobile applications to add new contacts to the user's address book was considered.

Related Posts

How a No Code AI App Builder Helps You Create Custom Business Software
How a No Code AI App Builder Helps You Create Custom Business Software
Discover the power of no-code AI app builders in creating custom business software. Explore how these tools enable efficient development and democratize software creation.
How to Boost Productivity with a Visual Mapping Program
How to Boost Productivity with a Visual Mapping Program
Enhance your productivity with a visual mapping program. Unveil techniques, benefits, and actionable insights for optimizing workflows through visual tools.
A Comprehensive Guide to Visual Programming Languages for Beginners
A Comprehensive Guide to Visual Programming Languages for Beginners
Discover the world of visual programming languages designed for beginners. Learn about their benefits, key features, popular examples, and how they simplify coding.
GET STARTED FREE
Inspired to try this yourself?

The best way to understand the power of AppMaster is to see it for yourself. Make your own application in minutes with free subscription

Bring Your Ideas to Life