Best practices to design a Mobile form

In new forms, add the non-interactive (Draw) elements before the interactive (Fields) elements. Add the elements in Hierarchy (Dom Order) if there is an overlap between them. Similarly, between overlapping Draw Text and other Draw elements (like Rectangle, Circle), put in Text after Rectangle so that it is visible. Avoid any overlap between Draw and Field.

HTML5 rendition of Form Template does not embed any fonts. Avoid using fonts that you do not expect on your client computers or you risk a not so optimum rendition on the client devices.

For Repeatable Subforms, mark the initial count as 1 or more. If you require zero initial instances, remove or hide the initial instance in form ready or initialize the script based on data. Also, add a check to ensure that the script not execute on the server end. The script should execute at the client end.  

If you are using the deleteInstance function on formready state, add a server check to ensure that the script not executed on the server end. Execute the script at the client end.

For example:

if(xfa.host.name!= 'XFAPresentationAgent')
_DynamicPage.removeInstance(0);

If you are targeting the same form for both PDF and HTML, make sure that you protect the Acrobat-specific JavaScript by checking the environment type. Also ensure that you write equivalent scripts for the browser environment.

If you have a hidden subform with a complex hierarchy that is split across pages, make the form visible at design time. Hide the form in the initialize script based on your logic.