How to position fields inside of my form?

  • ronildosousa
    Asked on June 7, 2017 at 2:11 PM
    Aproveitado outra coisa nao estou conseguindo deixar a descrição do produto e quantidade do lado da imagem, como faço isso.
  • BJoanna
    Replied on June 7, 2017 at 2:42 PM

    If I understood you correctly, you want to position quantity fields like this on your form.

    How to position fields inside of my form?  Image 1 Screenshot 30

    Considering that you you have created product part of your form using basic field, you will have to position them inside of your form, by shrinking them. 

    Form Field Positioning

    You will also need to use CSS to position them. You will need to increase the width of of your quantity fields and add them bottom padding.

    I added this CSS code for first two fields of your form:

    li#id_15, li#id_18 {

        width: 380px;

        padding-bottom: 30px!important;

    }

    How to Inject Custom CSS Codes

    I had also Shrink quantity fields and turn OFF move to a new line option.

    How to position fields inside of my form?  Image 2 Screenshot 41

    You will have to to this for all of your quantity fields. 

    How to Find Field IDs and Names

    Here is my demo form: https://form.jotformpro.com/71575199887983 

    Feel free to clone it

    I would suggest you to set up your products using our payment field, like you did on your other forms. 

    https://www.jotform.com/help/165-Setting-Up-Your-First-Order-Form 

    Let us know if you need further assistance. 

  • ronildosousa
    Replied on June 7, 2017 at 3:22 PM

    sim no formulario de compra e bem melhor mas eu não consigo colocar categorias e minimizar ou esconder os produtos dentro das categorias.

    se tiver uma opão de criar varias categorias e clicar em uma e extender os produtos e selecionar outra e assim por diante era melhor.

  • Mike_G JotForm Support
    Replied on June 7, 2017 at 4:46 PM

    I have checked your form and noticed that you are already using a payment field to list your products in this form http://www.jotformz.com/form/71425660758664

    If you wish to add sub products to your payment field, I would suggest you refer to this guide

    Create-Sub-Products-Based-on-a-Product-Option

    You might also consider checking the information in this guide

    How-to-Add-Options-to-Payment-Forms

    Thank you.

  • ronildosousa
    Replied on June 8, 2017 at 6:51 AM

    sim ok vou verificar, tenho esta duvida como faço para quando colocar a quantidade automatico ja selecionar essa caixa de seleção?

     

    How to position fields inside of my form?  Image 1 Screenshot 20

  • ronildosousa
    Replied on June 8, 2017 at 8:14 AM

    queria usar este modelo de categoria https://www.jotform.com/71515932379665 neste modelo de pagamento https://www.jotform.com/71432813079658 

    tem como?

  • Ashwin JotForm Support
    Replied on June 8, 2017 at 10:32 AM

    Hello ronildosousa,

    If I understand your requirement correctly, you want to show default quantity in our products. Is taht correct?

    Please check the screenshot below on how to add default quantity in payment tool:

    How to position fields inside of my form?  Image 1 Screenshot 20

     

    You may like to take a look at the following guide on how to add category in payment question:  https://www.jotform.com/help/178-How-to-Have-Sub-Category-or-Sub-Labels-on-an-Order-Form

    In form #71515932379665 which you have shared above: Products are not listed in payment tool but you are using regular form field to list products. Do you want to achieve something similar?

    Do get back to us on this and we will try to help you.

    Thank you!

     

  • ronildosousa
    Replied on June 8, 2017 at 10:59 AM

    nao não, simplificando eu quero separar categorias com esse botoes de recolher, conforme montagem abaixo:

     

    How to position fields inside of my form?  Image 1 Screenshot 40How to position fields inside of my form?  Image 2 Screenshot 51

     

    How to position fields inside of my form?  Image 3 Screenshot 62

  • BJoanna
    Replied on June 8, 2017 at 12:26 PM

    I am not exactly sure if I understood your last question correctly. Do you want to add some products of your payment field inside of section collapse fields?

    Unfortunately it is not possible to separate products within payment field with section collapse fields.

    However you can add Sub-Category or Sub-Labels on an Order Form. Inside of this guide you can find how to do it:

    How to Have Sub-Category or Sub-Labels on an Order Form

    If I did not understood your question correctly, please explain in more details what are you trying to achieve. 

    Let us know if you need further assistance. 

  • ronildosousa
    Replied on June 8, 2017 at 1:26 PM

    certo, tem como ter 2, 3 ou 4 campos de pagamentos ai eu fazia calcular a soma de todos para dar um total.

  • BJoanna
    Replied on June 8, 2017 at 2:44 PM

    If you want to have separate sections with your products, then you have done that correctly on this form https://www.jotform.com/71515932379665

    I have tested your form and total calculation is working correctly.

    If you have any other questions, let us know.