Acumatica Mobile Framework Tips Presented by Nicole Ronchetti
Recently, DSDโs Nicole Ronchetti was featured in theย Acumatica Cloud ERP Developer blog to share how users can work with the Acumatica Mobile Framework.
Ronchetti explains how the Acumaticaย Mobile Frameworkย is an amazingly easy tool to work with. There is no need to learn how to program forย IOSย orย Android.
By using theย Customization Project Editorย within Acumatica, users can customize the mobile interface with very little code. Ronchetti shows how to modify the display of certain fields in aย Generic Inquiryย on the Mobile app.
Users can easily add generic inquiries to the mobile app in Acumatica by simply clicking on theย Expose to Mobileย check box when creating the GI
However, when comparing this screen on the desktop with what we see on the mobile app, some issues appear.
First, the mobile app will automatically render theย Itemย andย Vendorย with the descriptions instead of theย code (CD). Ronchetti explains how the Item Description field is visible twice. In addition to that, the Safety Stock field, which is a calculated field in the GI, appears to be editable.
To correct these display issues, create aย customization projectย to add a new screen to display the generic inquiry on our Mobile Application.
First, create a customization project. In theย Customization Project Editorย in Acumatica, underย Mobile Applicationย selectย Customize > Add New Screen. In the dialog box that appears, select theย Screen IDย which corresponds to the Generic Inquiry you wish to display.
Underย Commands, add the containerย andย fieldsย as seen below. These field names will correspond to theย captionย of the column in the generic inquiry.
Ronchetti sets theย selectorDisplayFormatย on the Item and Warehouse toย keyย to display theย key valueย (our code) instead of theย description. She also sets theย Vendorย to displayย KeyDescriptionย which will provide a combination of bothย Key and Description.ย Theย forceIsDisabledย is also setย for theย Safety Stockย field to true so that field will be disabled.
Next we need to update the menu in the mobile app. Underย Mobile Applicationย in theย Customization Project Editorย selectย Customize > Update Main Menu.
Next we will add some simple code to add this item to the menu.
When done, hit save and publish the project.
Now, when we look at our Mobile application, we will see all of our changes.
The Product Dashboardย icon now appears on our main menu with the new icon.ย When viewing our list, we can now see theย inventory codesย displayed and well as our other changes to the various fields.
Hopefully, this provides you a good introduction as to how easy it is to customize Acumaticaโs Mobile interface. Using the Customization Project Editor, we are able to modify the mobile interface without any programming for IOS or Android.
