​​​​How to create a mobile responsive form?

Last Update: October 24, 2017

Here are the steps on how to create a mobile responsive form:

  1. Open the f​orm in design mode.
  2. Expand the Form Properties by clicking on the + sign in the Form Properties pane.
  3. Switch the Mobile Responsive property to ON. The Mobile Responsive property is located under Mobile Settings in the Form Properties.
    How to create a mobile responsive form1.jpg
  4. ​For each control in the form, specify the index number of Mobile Index property. The index should be integer. The Mobile Index is the same as Tab Index but works only on the mobile view.
    How to create a mobile responsive form2.jpg
  5. Test the form by clicking on the Preview button in theView Group.
    How to create a mobile responsive form3.jpg
  6. Select one of the options available in the Mobile View in the Mobile group to view what the form would look like in the selected mobile.
    How to create a mobile responsive form4.jpg

Related Resources:
These resources may not reflect the same exact case steps.
https://www.youtube.com/embed/b6PZdVBzUeo