4D Blog

Home Tips 4D for Mobile Tutorial – Choose an Input Control

4D for Mobile Tutorial – Choose an Input Control

February 20, 2023

Tips

Formatters allow you to format the displayed data or to define behavior when the user touches the data. The input controls follow the same principle. They allow you to select the type of keyboard, define the behavior, or format the data in an action form.

For example, for image data, you have by default two types of control, the first one allows you to select an image or to take a picture, and the second one displays a zone to sign.

There are 3 types of input controls:

  • embedded,
  • with Swift or Kotlin code,
  • choice list.

Embedded input control

Depending on the type of data, different widgets are proposed. For example, for the image format, you have two input controls, either to take a picture, select an image in the gallery, or display an area to sign.

In this video, we will show you several input controls, some allowing you to configure the keyboard and others to read a barcode or to sign.

Input control with code (Swift or Kotlin)

You can easily interact with native apps by using custom input controls. To do so, you can create your own input controls with native code or download a few input controls from our gallery, depending on what you need for your app.

This video shows you how to get a phone number and email from your mobile contact list. And also to get the GPS coordinates and address automatically.

Input control based on the choice list

For some data, you want the user to choose a value from a list, for example, to define the status of a task. For this, there are two types of choice lists:

  • Choice list using a manifest.json file and
  • choice list based on datasources.

 

This video shows you how to create lists with a JSON file to propose a list of images or texts. Then, two examples with lists based on data from the database.

Next…

Voilà! Now you know how to define an input control in your mobile application. To go further, you can continue with the blog or the documentation.

Discuss

Tags 4D for Android, 4D for iOS, Go mobile, Input control, Mobility, Tutorial, v19 R8, v20

Latest related posts

  • September 15, 2025

    Find the right spot in your 4D Write Pro document with AI

  • September 2, 2025

    Intelligent 4D Write Pro document analysis with AI

  • August 25, 2025

    ORDA – Constructor and touched event – Detailed behaviour through a network

Vanessa Talbot
Vanessa Talbot
• Product Owner •Vanessa Talbot joined 4D Program team in June, 2014. As a Product Owner, she is in charge of writing the user stories then translating it to functional specifications. Her role is also to make sure that the feature implementation delivered is meeting the customer need.Since her arrival, she has worked to define key features in 4D. She has worked on most of preemptive multi-threading new features and also on a very complex subject: the new architecture for engined application. Vanessa has a degree from Telecom Saint-Etienne. She began her career at the Criminal Research Institute as a developer for the audiovisual department. She has also worked in media and medical fields as expert in technical support, production as well as documenting new features.
  • Deutsch
  • Français
  • English
  • Português
  • Čeština
  • Español
  • Italiano
  • 日本語

Categories

Browse categories

  • AI
  • 4D View Pro
  • 4D Write Pro
  • 4D for Mobile
  • Email
  • Development Mode
  • 4D Language
  • ORDA
  • User Interface / GUI
  • Qodly Studio
  • Server
  • Maintenance
  • Deployment
  • 4D Tutorials
  • Generic
  • 4D Summit sessions and other online videos

Tags

4D AIKit 4D for Android 4D for iOS 4D NetKit 4D Qodly Pro 4D View Pro 4D Write Pro 20 R10 21 Administration AI Artificial Intelligence Build application Class Client/Server Code editor Collections Compatibility settings Formula Google Listbox Logs Mail Network Objects OpenAI ORDA PDF Pictures Preemptive Programming REST Scalability Security Session Source control Speed Spreadsheet Tutorial UI User Experience v20 vscode Web Word processor

Tags

4D AIKit 4D for Android 4D for iOS 4D NetKit 4D Qodly Pro 4D View Pro 4D Write Pro 20 R10 21 Administration AI Artificial Intelligence Build application Class Client/Server Code editor Collections Compatibility settings Formula Google Listbox Logs Mail Network Objects OpenAI ORDA PDF Pictures Preemptive Programming REST Scalability Security Session Source control Speed Spreadsheet Tutorial UI User Experience v20 vscode Web Word processor
Subscribe to 4D Newsletter

© 2025 4D SAS - All rights reserved
Terms & Conditions | Legal Notices | Data Policy | Cookie Policy | Contact us | Write for us


Subscribe to 4D Newsletter

* Your privacy is very important to us. Please click here to view our Policy

Contact us

Got a question, suggestion or just want to get in touch with the 4D bloggers? Drop us a line!

* Your privacy is very important to us. Please click here to view our Policy