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

The Basics of Visual Basic Programming: A Beginner's Guide
The Basics of Visual Basic Programming: A Beginner's Guide
Explore Visual Basic programming with this beginner's guide, covering fundamental concepts and techniques for developing applications efficiently and effectively.
How PWAs Can Boost Performance and User Experience on Mobile Devices
How PWAs Can Boost Performance and User Experience on Mobile Devices
Explore how Progressive Web Apps (PWAs) improve mobile performance and user experience, merging web's reach with app-like functionality for seamless engagement.
Exploring the Security Advantages of PWAs for Your Business
Exploring the Security Advantages of PWAs for Your Business
Explore the security advantages of Progressive Web Apps (PWAs) and understand how they can enhance your business operations, protect data, and offer a seamless user experience.
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