How to display two widgets in one line or in parallel?

  • tiendaveggie
    Asked on December 30, 2017 at 10:59 AM

    I'd like this 2 calculations to be on the same line.

    1514649517jotform Screenshot 10


    I shrunk but it's not working. Even in the big screen of my mobile in landscape it doesn't work

    Thanks

  • TREVON
    Replied on December 30, 2017 at 1:57 PM

    Shrinking the two elements seems to fix the issue on my side. Tested with mobile phone and the display of the two elements in same line was ok.

    Kindly try testing the form https://form.jotform.com/73635602422956 of your end and confirm it is working ok.

    Kindly feel free to clone and test the form.

    1514660144test on phone Screenshot 10

  • tiendaveggie
    Replied on December 30, 2017 at 3:46 PM

    Hmm doesn't work on my Iphone 7 plus

  • Jan
    Replied on December 30, 2017 at 7:21 PM

    Are you referring to this form (https://www.jotform.com/73624445484664)?

    I checked the form and I can see that there are 3 calculation widgets in that area. However, I noticed that the "Veggies" field and the "Prueba" field are aligned in 1 row.

    151467950912 31 ssvi5 Screenshot 10

    Is your issue already resolved? Let us know if you need further assistance. Thank you.

  • tiendaveggie
    Replied on December 30, 2017 at 8:01 PM

    It's working now, but not the other way around...

    I can hace 2 columns, but I cannot have 1 expanded column. What I mean is that a text that should take both columns, only takes 1 and leaves the other one blank.

    In your sim it works fine, but not on my mobile

    Here the form: https://www.jotform.com/build/73637059184666

  • Elton Support Team Lead
    Replied on December 30, 2017 at 11:38 PM

    You only need to shrink the fields you want to position side by side.

    If you want to unshrink the shrunken fields, you can do that in the form builder.

    Example:

    How to display two widgets in one line or in parallel? Image 1 Screenshot 30

    Checking your form on a physical device, the fields are on the same line.

    How to display two widgets in one line or in parallel? Image 2 Screenshot 41

    Are you still referring to these fields? If not, can you specifically tell us which fields you're referring?

  • tiendaveggie
    Replied on December 31, 2017 at 6:47 AM

    No, unshrink isn't working...

    For example the first field (Hamburguesas Veganas etc) is not shrunk.

    In you sim it works ok, not in the mobiles I tryied


    https://www.jotform.com/build/73637059184666


    Thanks!

  • TREVON
    Replied on December 31, 2017 at 7:47 AM

    I have tested your form with Three different phones and seems to display properly with the shrunk fields adjacent to each other as shown below.

    1514724414Screenshot 2017 12 31 15 07 50 Screenshot 10

    Would you kindly try checking the phone on a different phone then also share the model of phone you are using so that we can investigate further.

  • tiendaveggie
    Replied on December 31, 2017 at 8:42 AM

    The way it worked Trevon was when i changed to this: https://www.jotform.com/answers/1334811-How-to-shrink-some-input-fields/?entrymessage=10732640770

    Shrinking and unshrinking things didn't work correctly unless i put the @media screen thing.

  • David JotForm Support Manager
    Replied on December 31, 2017 at 10:01 AM

    I tested your form in an iPhone 7 emulator, and the fields are shown in the same line:

    1514732450sameline Screenshot 10

    Could you share a screenshot to illustrate how it shows on your end?

  • tiendaveggie
    Replied on December 31, 2017 at 10:35 AM

    They are now david, had to put the @media line