Can we have the online form layed out similar to our existing software form? See attached

  • Profile Image
    Asked on December 20, 2016 at 02:21 PM

    See attached   Wondering if we can have the form positioned like our current form? 

  • Profile Image
    Answered on December 20, 2016 at 04:31 PM

    I'm currently working on a sample form to show you how this can be accomplished, I'm about to finish it and will provide you the form as well as the steps so you can customize it. 


  • Profile Image
    Answered on December 20, 2016 at 05:14 PM

    I have already finished a form that looks similar to yours and here are the steps about how I did it. 

    First, to display the fields inline you need to follow this guide: Form-Field-Positioning

    You will need also to change the label position of some of your fields since they display on the left side of the field while others display on the top. To change the label align click on the field and click o on the label align option on the top toolbar: 

    Here's how it looks finally: 

    Now, when displaying multiple fields inline you will need to increase the forms width, this will be achieved by opening the form designer, styles tab and increasing the form width value: 

    Now, to record multiple entries such as the product ID, description and the others I used the configurable list and you will find the widget here: 

    Here's also a guide about how you can customize the widget: How-to-Set-Up-the-Configurable-List-Widget

    And to get the file uploads I used the Image Upload Preview widget since it displays similar to how you want once the field has been uploaded, here's the link: 

    Here's the guide that will help you to add the widget to your form: -How-to-Add-a-Widget-to-your-Form

    Here's also the category of photo widgets so you may use a different thread: 

    Here's the category of multiple entries so you may use a different widget than the configurable list: 

    Finally here is the link to my sample form: 

    And you can clone it by following this guide: How-to-Clone-an-Existing-Form-from-a-URL

    If you have any question, please let us know.