Designing a Mobile Sales App - Add a Customer Name Field to the Customer Information Screen

Explains how Canvas works, with a tutorial for publishing custom applications and filling out forms on Android, BlackBerry, iPhone, Windows Mobile Smartphones. Tutorials also explain how to configure web reporting and exports of data collected with Canvas mobile apps.

Publish hundreds of apps to your Android, BlackBerry, iPhone or Windows Mobile Smartphone with Canvas. Visit http://www.gocanvas.com to try it free!

Transcript:
Now lets add fields to our Customer Information Screen. You can see the screen is selected because the Current Screen panel says Edit Screen: Customer Information and the Customer Information icon is highlighted in the Form Outline.

To add fields to the screen, you just grab a field from the Palette, and drag it on the screen where you want it to appear. Lets add a text box field for the customer name.

Whenever you add a field, the Add Field window pops up. The window prompts you to enter a label for the field. Lets give this field a short label that will fit on our Smartphone screen. Lets call the customers name Name and make it a required field by checking the Required checkbox. If a field is required, the use cannot move to the next screen until he fills in the field.

Canvas lets us be more descriptive of the field by clicking the Advanced panel. Since this is the name for a billing contact, lets type Billing Contact Name in the Export and Report labels. Whenever we generate a web report or export data, the field will have this name.

Lets just type Customer Name as the label that appears on a printed customer receipt.

If you run Canvas apps on a Windows Mobile Smartphone or integrated barcode scanner, you can print receipts on a wide variety of portable printers via Bluetooth, USB cable or infrared communications. Since most of these printers produce 2 to 4 inch wide receipts that can fit in your wallet, well want a slightly shorter label here.

Click Done to finish adding the field.

Category:

Science & Technology

Tags:

• Mobile Apps
• Mobile Business Apps
• Android Business Apps
• BlackBerry Apps
• Windows Mobile Apps
• iPhone Business Apps
• Barcode Scanning Apps
• Mobile Business Applications
• Wireless Business Applications
• Data Collection Forms
• Mobile Business Forms
• Wireless Business Forms